@skdx/web-components-blocks 0.37.0 → 0.39.0

package/custom-elements.json

@@ -1394,23 +1394,23 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/dashboard-layout/DashboardLayout.ts",
+      "path": "src/empty-state/EmptyState.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Application shell block: an app bar, a collapsible side navigation and the content region.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-dashboard-layout` on the host, then `__app-bar`,\n`__nav-toggle`, `__branding`, `__title`, `__actions`, `__body`, `__nav`,\n`__nav-list`, `__nav-item`, `__nav-header`, `__nav-divider` and `__content`.\n`data-nav-open` sits on the host while the navigation is shown.",
-          "name": "SkdxDashboardLayout",
+          "description": "Placeholder block for a region with nothing to show — no content yet, no\nresults, first use, or disconnected — composing a Heading, a Text\ndescription and consumer-supplied icon and actions.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-empty-state` on the host, then `__icon`, `__title`,\n`__description`, `__content` and `__actions`. `data-size` and `data-align`\nsit on the host for the skin to read.",
+          "name": "SkdxEmptyState",
           "slots": [
             {
-              "description": "The page content rendered inside the `<main>` region.",
+              "description": "Extra content rendered between the description and the actions region.",
               "name": ""
             },
             {
-              "description": "Logo or product mark at the start of the app bar.",
-              "name": "branding"
+              "description": "Decorative illustration or glyph rendered above the title.",
+              "name": "icon"
             },
             {
-              "description": "Controls at the end of the app bar.",
+              "description": "Primary and secondary controls rendered below the content.",
               "name": "actions"
             }
           ],
@@ -1421,64 +1421,49 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Application title shown in the app bar after the branding, shadowing the native tooltip attribute.",
-              "attribute": "title"
-            },
-            {
-              "kind": "field",
-              "name": "navigation",
-              "type": {
-                "text": "readonly SkdxDashboardNavigationItem[]"
-              },
-              "description": "The side navigation, one entry per row, nested through each entry's `children`.",
+              "description": "Heading text naming the empty region, rendered into a derived Heading.",
+              "attribute": "title",
               "required": true
             },
             {
               "kind": "field",
-              "name": "navOpen",
+              "name": "description",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | undefined | undefined"
               },
-              "description": "Whether the side navigation is shown, for controlled usage.",
+              "description": "Supporting copy rendered below the title, explaining why the region is empty.",
               "default": "undefined",
-              "attribute": "nav-open"
+              "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "defaultNavOpen",
+              "name": "headingLevel",
               "type": {
-                "text": "boolean"
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
               },
-              "default": "true",
-              "description": "Whether the side navigation starts shown, for uncontrolled usage.",
-              "attribute": "default-nav-open"
+              "default": "3",
+              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding outline.",
+              "attribute": "heading-level"
             },
             {
               "kind": "field",
-              "name": "navLabel",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'sm' | 'md' | 'lg' | (string & {}) | undefined | undefined"
               },
-              "default": "'Main navigation'",
-              "description": "Accessible name of the side navigation landmark.",
-              "attribute": "nav-label"
+              "description": "Visual size rung, written to `data-size` on the host; the skin scales the icon, spacing and title by it.",
+              "default": "undefined",
+              "attribute": "size"
             },
             {
               "kind": "field",
-              "name": "navToggleLabel",
+              "name": "align",
               "type": {
-                "text": "string"
+                "text": "'center' | 'start' | (string & {})"
               },
-              "default": "'Toggle navigation'",
-              "description": "Accessible name of the icon-only button that shows and hides the navigation.",
-              "attribute": "nav-toggle-label"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires with the new open state whenever the navigation toggle is activated.",
-              "name": "nav-open-change"
+              "default": "'center'",
+              "description": "Text and content alignment rung, written to `data-align` on the host.",
+              "attribute": "align"
             }
           ],
           "attributes": [
@@ -1487,116 +1472,108 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Application title shown in the app bar after the branding, shadowing the native tooltip attribute.",
-              "fieldName": "title"
+              "description": "Heading text naming the empty region, rendered into a derived Heading.",
+              "fieldName": "title",
+              "required": true
             },
             {
-              "name": "nav-open",
+              "name": "description",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | undefined | undefined"
               },
-              "description": "Whether the side navigation is shown, for controlled usage.",
+              "description": "Supporting copy rendered below the title, explaining why the region is empty.",
               "default": "undefined",
-              "fieldName": "navOpen"
+              "fieldName": "description"
             },
             {
-              "name": "default-nav-open",
+              "name": "heading-level",
               "type": {
-                "text": "boolean"
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
               },
-              "default": "true",
-              "description": "Whether the side navigation starts shown, for uncontrolled usage.",
-              "fieldName": "defaultNavOpen"
+              "default": "3",
+              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding outline.",
+              "fieldName": "headingLevel"
             },
             {
-              "name": "nav-label",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'sm' | 'md' | 'lg' | (string & {}) | undefined | undefined"
               },
-              "default": "'Main navigation'",
-              "description": "Accessible name of the side navigation landmark.",
-              "fieldName": "navLabel"
+              "description": "Visual size rung, written to `data-size` on the host; the skin scales the icon, spacing and title by it.",
+              "default": "undefined",
+              "fieldName": "size"
             },
             {
-              "name": "nav-toggle-label",
+              "name": "align",
               "type": {
-                "text": "string"
+                "text": "'center' | 'start' | (string & {})"
               },
-              "default": "'Toggle navigation'",
-              "description": "Accessible name of the icon-only button that shows and hides the navigation.",
-              "fieldName": "navToggleLabel"
+              "default": "'center'",
+              "description": "Text and content alignment rung, written to `data-align` on the host.",
+              "fieldName": "align"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "skdx-dashboard-layout",
+          "tagName": "skdx-empty-state",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxDashboardLayout",
+          "name": "SkdxEmptyState",
           "declaration": {
-            "name": "SkdxDashboardLayout",
-            "module": "src/dashboard-layout/DashboardLayout.ts"
+            "name": "SkdxEmptyState",
+            "module": "src/empty-state/EmptyState.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-dashboard-layout",
+          "name": "skdx-empty-state",
           "declaration": {
-            "name": "SkdxDashboardLayout",
-            "module": "src/dashboard-layout/DashboardLayout.ts"
+            "name": "SkdxEmptyState",
+            "module": "src/empty-state/EmptyState.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/dashboard-layout/index.ts",
+      "path": "src/empty-state/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxDashboardLayout",
-          "declaration": {
-            "name": "SkdxDashboardLayout",
-            "module": "./DashboardLayout"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxDashboardNavigationItem",
+          "name": "SkdxEmptyState",
           "declaration": {
-            "name": "SkdxDashboardNavigationItem",
-            "module": "./DashboardLayout"
+            "name": "SkdxEmptyState",
+            "module": "./EmptyState"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/empty-state/EmptyState.ts",
+      "path": "src/dashboard-layout/DashboardLayout.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Placeholder block for a region with nothing to show — no content yet, no\nresults, first use, or disconnected — composing a Heading, a Text\ndescription and consumer-supplied icon and actions.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-empty-state` on the host, then `__icon`, `__title`,\n`__description`, `__content` and `__actions`. `data-size` and `data-align`\nsit on the host for the skin to read.",
-          "name": "SkdxEmptyState",
+          "description": "Application shell block: an app bar, a collapsible side navigation and the content region.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-dashboard-layout` on the host, then `__app-bar`,\n`__nav-toggle`, `__branding`, `__title`, `__actions`, `__body`, `__nav`,\n`__nav-list`, `__nav-item`, `__nav-header`, `__nav-divider` and `__content`.\n`data-nav-open` sits on the host while the navigation is shown.",
+          "name": "SkdxDashboardLayout",
           "slots": [
             {
-              "description": "Extra content rendered between the description and the actions region.",
+              "description": "The page content rendered inside the `<main>` region.",
               "name": ""
             },
             {
-              "description": "Decorative illustration or glyph rendered above the title.",
-              "name": "icon"
+              "description": "Logo or product mark at the start of the app bar.",
+              "name": "branding"
             },
             {
-              "description": "Primary and secondary controls rendered below the content.",
+              "description": "Controls at the end of the app bar.",
               "name": "actions"
             }
           ],
@@ -1607,49 +1584,64 @@
               "type": {
                 "text": "string"
               },
-              "description": "Heading text naming the empty region, rendered into a derived Heading.",
-              "attribute": "title",
+              "default": "''",
+              "description": "Application title shown in the app bar after the branding, shadowing the native tooltip attribute.",
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "navigation",
+              "type": {
+                "text": "readonly SkdxDashboardNavigationItem[]"
+              },
+              "description": "The side navigation, one entry per row, nested through each entry's `children`.",
               "required": true
             },
             {
               "kind": "field",
-              "name": "description",
+              "name": "navOpen",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "Supporting copy rendered below the title, explaining why the region is empty.",
+              "description": "Whether the side navigation is shown, for controlled usage.",
               "default": "undefined",
-              "attribute": "description"
+              "attribute": "nav-open"
             },
             {
               "kind": "field",
-              "name": "headingLevel",
+              "name": "defaultNavOpen",
               "type": {
-                "text": "1 | 2 | 3 | 4 | 5 | 6"
+                "text": "boolean"
               },
-              "default": "3",
-              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding outline.",
-              "attribute": "heading-level"
+              "default": "true",
+              "description": "Whether the side navigation starts shown, for uncontrolled usage.",
+              "attribute": "default-nav-open"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "navLabel",
               "type": {
-                "text": "'sm' | 'md' | 'lg' | (string & {}) | undefined | undefined"
+                "text": "string"
               },
-              "description": "Visual size rung, written to `data-size` on the host; the skin scales the icon, spacing and title by it.",
-              "default": "undefined",
-              "attribute": "size"
+              "default": "'Main navigation'",
+              "description": "Accessible name of the side navigation landmark.",
+              "attribute": "nav-label"
             },
             {
               "kind": "field",
-              "name": "align",
+              "name": "navToggleLabel",
               "type": {
-                "text": "'center' | 'start' | (string & {})"
+                "text": "string"
               },
-              "default": "'center'",
-              "description": "Text and content alignment rung, written to `data-align` on the host.",
-              "attribute": "align"
+              "default": "'Toggle navigation'",
+              "description": "Accessible name of the icon-only button that shows and hides the navigation.",
+              "attribute": "nav-toggle-label"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires with the new open state whenever the navigation toggle is activated.",
+              "name": "nav-open-change"
             }
           ],
           "attributes": [
@@ -1658,85 +1650,93 @@
               "type": {
                 "text": "string"
               },
-              "description": "Heading text naming the empty region, rendered into a derived Heading.",
-              "fieldName": "title",
-              "required": true
+              "default": "''",
+              "description": "Application title shown in the app bar after the branding, shadowing the native tooltip attribute.",
+              "fieldName": "title"
             },
             {
-              "name": "description",
+              "name": "nav-open",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "Supporting copy rendered below the title, explaining why the region is empty.",
+              "description": "Whether the side navigation is shown, for controlled usage.",
               "default": "undefined",
-              "fieldName": "description"
+              "fieldName": "navOpen"
             },
             {
-              "name": "heading-level",
+              "name": "default-nav-open",
               "type": {
-                "text": "1 | 2 | 3 | 4 | 5 | 6"
+                "text": "boolean"
               },
-              "default": "3",
-              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding outline.",
-              "fieldName": "headingLevel"
+              "default": "true",
+              "description": "Whether the side navigation starts shown, for uncontrolled usage.",
+              "fieldName": "defaultNavOpen"
             },
             {
-              "name": "size",
+              "name": "nav-label",
               "type": {
-                "text": "'sm' | 'md' | 'lg' | (string & {}) | undefined | undefined"
+                "text": "string"
               },
-              "description": "Visual size rung, written to `data-size` on the host; the skin scales the icon, spacing and title by it.",
-              "default": "undefined",
-              "fieldName": "size"
+              "default": "'Main navigation'",
+              "description": "Accessible name of the side navigation landmark.",
+              "fieldName": "navLabel"
             },
             {
-              "name": "align",
+              "name": "nav-toggle-label",
               "type": {
-                "text": "'center' | 'start' | (string & {})"
+                "text": "string"
               },
-              "default": "'center'",
-              "description": "Text and content alignment rung, written to `data-align` on the host.",
-              "fieldName": "align"
+              "default": "'Toggle navigation'",
+              "description": "Accessible name of the icon-only button that shows and hides the navigation.",
+              "fieldName": "navToggleLabel"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "skdx-empty-state",
+          "tagName": "skdx-dashboard-layout",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxEmptyState",
+          "name": "SkdxDashboardLayout",
           "declaration": {
-            "name": "SkdxEmptyState",
-            "module": "src/empty-state/EmptyState.ts"
+            "name": "SkdxDashboardLayout",
+            "module": "src/dashboard-layout/DashboardLayout.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-empty-state",
+          "name": "skdx-dashboard-layout",
           "declaration": {
-            "name": "SkdxEmptyState",
-            "module": "src/empty-state/EmptyState.ts"
+            "name": "SkdxDashboardLayout",
+            "module": "src/dashboard-layout/DashboardLayout.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/empty-state/index.ts",
+      "path": "src/dashboard-layout/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxEmptyState",
+          "name": "SkdxDashboardLayout",
           "declaration": {
-            "name": "SkdxEmptyState",
-            "module": "./EmptyState"
+            "name": "SkdxDashboardLayout",
+            "module": "./DashboardLayout"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxDashboardNavigationItem",
+          "declaration": {
+            "name": "SkdxDashboardNavigationItem",
+            "module": "./DashboardLayout"
           }
         }
       ]
@@ -2895,7 +2895,7 @@
               "name": ""
             },
             {
-              "description": "Controls placed in the toolbar beside the heading.",
+              "description": "Toolbar parts placed in the toolbar beside the heading. Pass toolbar parts — a toolbar button, link, separator or toggle group; anything else stays its own Tab stop and the arrow keys skip it, since only a toolbar part joins the roving tabindex.",
               "name": "actions"
             }
           ],

package/dist/forgot-password-page/ForgotPasswordPage.cjs

@@ -1,4 +1,4 @@
-"use strict";var n=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var b=(o,t)=>{for(var e in t)n(o,e,{get:t[e],enumerable:!0})},v=(o,t,e,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of x(t))!k.call(o,s)&&s!==e&&n(o,s,{get:()=>t[s],enumerable:!(a=u(t,s))||a.enumerable});return o};var $=o=>v(n({},"__esModule",{value:!0}),o),d=(o,t,e,a)=>{for(var s=a>1?void 0:a?u(t,e):t,m=o.length-1,c;m>=0;m--)(c=o[m])&&(s=(a?c(t,e,s):c(s))||s);return a&&s&&n(t,e,s),s};var E={};b(E,{SkdxForgotPasswordPage:()=>i});module.exports=$(E);var r=require("lit"),l=require("lit/decorators.js"),h=require("../internal/define.cjs"),f=require("../internal/events.cjs"),p=require("../internal/slots.cjs"),T=require("@skdx/web-components/alert"),w=require("@skdx/web-components/button"),S=require("@skdx/web-components/field"),q=require("@skdx/web-components/form"),C=require("@skdx/web-components/heading"),M=require("@skdx/web-components/text"),R=require("@skdx/web-components/text-field");var g="data-skdx-forgot-password-page-generated",y="data-skdx-forgot-password-page-content",_=0,i=class extends r.LitElement{constructor(){super(...arguments);this.title="Reset your password";this.pending=!1;this.emailLabel="Email";this.submitLabel="Send reset link";this.titleId=`skdx-forgot-password-page-title-${++_}`;this.handleSubmit=e=>{let a=e.target?.closest("skdx-form");if(!a)return;e.preventDefault();let s=a.querySelector('[name="email"]');(0,f.emit)(this,"request-reset",{email:s?.value??""})}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),this.addEventListener("submit",this.handleSubmit),queueMicrotask(()=>this.requestUpdate())}disconnectedCallback(){this.removeEventListener("submit",this.handleSubmit),super.disconnectedCallback()}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}region(e){return this.querySelector(`.skdx-forgot-password-page__${e}`)}get contentRegion(){return this.querySelector(`[${y}]`)}get hasContent(){return(0,p.hasUnslottedChild)(this,g)||(this.contentRegion?.hasChildNodes()??!1)}updated(){(0,p.placeSlotted)(this,g,{footer:this.region("footer")},this.contentRegion)}render(){return r.html`
+"use strict";var n=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var b=(o,t)=>{for(var e in t)n(o,e,{get:t[e],enumerable:!0})},v=(o,t,e,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of x(t))!k.call(o,s)&&s!==e&&n(o,s,{get:()=>t[s],enumerable:!(a=u(t,s))||a.enumerable});return o};var $=o=>v(n({},"__esModule",{value:!0}),o),l=(o,t,e,a)=>{for(var s=a>1?void 0:a?u(t,e):t,m=o.length-1,c;m>=0;m--)(c=o[m])&&(s=(a?c(t,e,s):c(s))||s);return a&&s&&n(t,e,s),s};var E={};b(E,{SkdxForgotPasswordPage:()=>i});module.exports=$(E);var r=require("lit"),d=require("lit/decorators.js"),h=require("../internal/define.cjs"),f=require("../internal/events.cjs"),p=require("../internal/slots.cjs"),T=require("@skdx/web-components/alert"),w=require("@skdx/web-components/button"),S=require("@skdx/web-components/field"),q=require("@skdx/web-components/form"),C=require("@skdx/web-components/heading"),M=require("@skdx/web-components/text"),R=require("@skdx/web-components/text-field");var g="data-skdx-forgot-password-page-generated",y="data-skdx-forgot-password-page-content",_=0,i=class extends r.LitElement{constructor(){super(...arguments);this.title="Reset your password";this.pending=!1;this.emailLabel="Email";this.submitLabel="Send reset link";this.titleId=`skdx-forgot-password-page-title-${++_}`;this.handleSubmit=e=>{let a=e.target?.closest("skdx-form");if(!a)return;e.preventDefault();let s=a.querySelector('[name="email"]');(0,f.emit)(this,"request-reset",{email:s?.value??""})}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),this.addEventListener("submit",this.handleSubmit),queueMicrotask(()=>this.requestUpdate())}disconnectedCallback(){this.removeEventListener("submit",this.handleSubmit),super.disconnectedCallback()}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}region(e){return this.querySelector(`.skdx-forgot-password-page__${e}`)}get contentRegion(){return this.querySelector(`[${y}]`)}get hasContent(){return(0,p.hasUnslottedChild)(this,g)||(this.contentRegion?.hasChildNodes()??!1)}updated(){(0,p.placeSlotted)(this,g,{footer:this.region("footer")},this.contentRegion)}render(){return r.html`
       <div
         class="skdx-forgot-password-page__panel"
         data-skdx-forgot-password-page-generated
@@ -11,6 +11,7 @@
         >
         ${this.error?r.html`<skdx-alert
                 class="skdx-forgot-password-page__error"
+                .role=${"alert"}
                 .status=${"danger"}
                 >${this.error}</skdx-alert
               >`:r.nothing}
@@ -54,4 +55,4 @@
               </skdx-form>`}
         ${this.hasSlotted("footer")?r.html`<div class="skdx-forgot-password-page__footer"></div>`:r.nothing}
       </div>
-    `}};d([(0,l.property)({type:String})],i.prototype,"title",2),d([(0,l.property)({type:String})],i.prototype,"description",2),d([(0,l.property)({type:String})],i.prototype,"error",2),d([(0,l.property)({type:String})],i.prototype,"success",2),d([(0,l.property)({type:Boolean})],i.prototype,"pending",2),d([(0,l.property)({type:String,attribute:"email-label"})],i.prototype,"emailLabel",2),d([(0,l.property)({type:String,attribute:"submit-label"})],i.prototype,"submitLabel",2),i=d([(0,h.customElement)("skdx-forgot-password-page","forgot-password-page","root")],i);0&&(module.exports={SkdxForgotPasswordPage});
+    `}};l([(0,d.property)({type:String})],i.prototype,"title",2),l([(0,d.property)({type:String})],i.prototype,"description",2),l([(0,d.property)({type:String})],i.prototype,"error",2),l([(0,d.property)({type:String})],i.prototype,"success",2),l([(0,d.property)({type:Boolean})],i.prototype,"pending",2),l([(0,d.property)({type:String,attribute:"email-label"})],i.prototype,"emailLabel",2),l([(0,d.property)({type:String,attribute:"submit-label"})],i.prototype,"submitLabel",2),i=l([(0,h.customElement)("skdx-forgot-password-page","forgot-password-page","root")],i);0&&(module.exports={SkdxForgotPasswordPage});

package/dist/forgot-password-page/ForgotPasswordPage.js

@@ -1,4 +1,4 @@
-var u=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=(n,d,e,i)=>{for(var s=i>1?void 0:i?g(d,e):d,p=n.length-1,m;p>=0;p--)(m=n[p])&&(s=(i?m(d,e,s):m(s))||s);return i&&s&&u(d,e,s),s};import{html as o,LitElement as h,nothing as l}from"lit";import{property as a}from"lit/decorators.js";import{customElement as f}from"../internal/define.js";import{emit as x}from"../internal/events.js";import{hasUnslottedChild as k,placeSlotted as b}from"../internal/slots.js";import"@skdx/web-components/alert";import"@skdx/web-components/button";import"@skdx/web-components/field";import"@skdx/web-components/form";import"@skdx/web-components/heading";import"@skdx/web-components/text";import"@skdx/web-components/text-field";var c="data-skdx-forgot-password-page-generated",v="data-skdx-forgot-password-page-content",$=0,t=class extends h{constructor(){super(...arguments);this.title="Reset your password";this.pending=!1;this.emailLabel="Email";this.submitLabel="Send reset link";this.titleId=`skdx-forgot-password-page-title-${++$}`;this.handleSubmit=e=>{let i=e.target?.closest("skdx-form");if(!i)return;e.preventDefault();let s=i.querySelector('[name="email"]');x(this,"request-reset",{email:s?.value??""})}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),this.addEventListener("submit",this.handleSubmit),queueMicrotask(()=>this.requestUpdate())}disconnectedCallback(){this.removeEventListener("submit",this.handleSubmit),super.disconnectedCallback()}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}region(e){return this.querySelector(`.skdx-forgot-password-page__${e}`)}get contentRegion(){return this.querySelector(`[${v}]`)}get hasContent(){return k(this,c)||(this.contentRegion?.hasChildNodes()??!1)}updated(){b(this,c,{footer:this.region("footer")},this.contentRegion)}render(){return o`
+var u=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=(n,l,e,i)=>{for(var s=i>1?void 0:i?g(l,e):l,p=n.length-1,m;p>=0;p--)(m=n[p])&&(s=(i?m(l,e,s):m(s))||s);return i&&s&&u(l,e,s),s};import{html as o,LitElement as h,nothing as d}from"lit";import{property as a}from"lit/decorators.js";import{customElement as f}from"../internal/define.js";import{emit as x}from"../internal/events.js";import{hasUnslottedChild as k,placeSlotted as b}from"../internal/slots.js";import"@skdx/web-components/alert";import"@skdx/web-components/button";import"@skdx/web-components/field";import"@skdx/web-components/form";import"@skdx/web-components/heading";import"@skdx/web-components/text";import"@skdx/web-components/text-field";var c="data-skdx-forgot-password-page-generated",v="data-skdx-forgot-password-page-content",$=0,t=class extends h{constructor(){super(...arguments);this.title="Reset your password";this.pending=!1;this.emailLabel="Email";this.submitLabel="Send reset link";this.titleId=`skdx-forgot-password-page-title-${++$}`;this.handleSubmit=e=>{let i=e.target?.closest("skdx-form");if(!i)return;e.preventDefault();let s=i.querySelector('[name="email"]');x(this,"request-reset",{email:s?.value??""})}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),this.addEventListener("submit",this.handleSubmit),queueMicrotask(()=>this.requestUpdate())}disconnectedCallback(){this.removeEventListener("submit",this.handleSubmit),super.disconnectedCallback()}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}region(e){return this.querySelector(`.skdx-forgot-password-page__${e}`)}get contentRegion(){return this.querySelector(`[${v}]`)}get hasContent(){return k(this,c)||(this.contentRegion?.hasChildNodes()??!1)}updated(){b(this,c,{footer:this.region("footer")},this.contentRegion)}render(){return o`
       <div
         class="skdx-forgot-password-page__panel"
         data-skdx-forgot-password-page-generated
@@ -11,15 +11,16 @@ var u=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=(n,d,e,i
         >
         ${this.error?o`<skdx-alert
                 class="skdx-forgot-password-page__error"
+                .role=${"alert"}
                 .status=${"danger"}
                 >${this.error}</skdx-alert
-              >`:l}
+              >`:d}
         ${this.description?o`<skdx-text
                 class="skdx-forgot-password-page__description"
                 as="p"
                 .tone=${"muted"}
                 >${this.description}</skdx-text
-              >`:l}
+              >`:d}
         ${this.success?o`<skdx-alert
                 class="skdx-forgot-password-page__success"
                 .status=${"success"}
@@ -42,7 +43,7 @@ var u=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=(n,d,e,i
                       ></skdx-text-field-input>
                     </skdx-text-field>
                   </skdx-field>
-                  ${this.hasContent?o`<div data-skdx-forgot-password-page-content></div>`:l}
+                  ${this.hasContent?o`<div data-skdx-forgot-password-page-content></div>`:d}
                   <skdx-button
                     class="skdx-forgot-password-page__submit"
                     type="submit"
@@ -52,6 +53,6 @@ var u=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=(n,d,e,i
                   >
                 </form>
               </skdx-form>`}
-        ${this.hasSlotted("footer")?o`<div class="skdx-forgot-password-page__footer"></div>`:l}
+        ${this.hasSlotted("footer")?o`<div class="skdx-forgot-password-page__footer"></div>`:d}
       </div>
     `}};r([a({type:String})],t.prototype,"title",2),r([a({type:String})],t.prototype,"description",2),r([a({type:String})],t.prototype,"error",2),r([a({type:String})],t.prototype,"success",2),r([a({type:Boolean})],t.prototype,"pending",2),r([a({type:String,attribute:"email-label"})],t.prototype,"emailLabel",2),r([a({type:String,attribute:"submit-label"})],t.prototype,"submitLabel",2),t=r([f("skdx-forgot-password-page","forgot-password-page","root")],t);export{t as SkdxForgotPasswordPage};

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

@@ -27,7 +27,7 @@ export interface SkdxPageContainerBreadcrumb {
  * ```
  *
  * @slot - The page content below the header.
- * @slot actions - Controls placed in the toolbar beside the heading.
+ * @slot actions - Toolbar parts placed in the toolbar beside the heading. Pass toolbar parts — a toolbar button, link, separator or toggle group; anything else stays its own Tab stop and the arrow keys skip it, since only a toolbar part joins the roving tabindex.
  */
 export declare class SkdxPageContainer extends LitElement {
     /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */

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

@@ -27,7 +27,7 @@ export interface SkdxPageContainerBreadcrumb {
  * ```
  *
  * @slot - The page content below the header.
- * @slot actions - Controls placed in the toolbar beside the heading.
+ * @slot actions - Toolbar parts placed in the toolbar beside the heading. Pass toolbar parts — a toolbar button, link, separator or toggle group; anything else stays its own Tab stop and the arrow keys skip it, since only a toolbar part joins the roving tabindex.
  */
 export declare class SkdxPageContainer extends LitElement {
     /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */