@skdx/web-components-blocks 0.35.0 → 0.37.0

package/dist/index.d.cts

@@ -1,7 +1,6 @@
 export { SkdxDashboardLayout, type SkdxDashboardNavigationItem } from './dashboard-layout/index.cjs';
 export { SkdxPageContainer, type SkdxPageContainerBreadcrumb } from './page-container/index.cjs';
 export { defaultProviderLabel, SkdxSignInPage, type SkdxSignInDetail, type SkdxSignInProvider, } from './sign-in-page/index.cjs';
-export { SkdxConfirmDialog } from './confirm-dialog/index.cjs';
 export { SkdxEmptyState } from './empty-state/index.cjs';
 export { SkdxStatCard } from './stat-card/index.cjs';
 export { SkdxFormSection } from './form-section/index.cjs';

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 export { SkdxDashboardLayout, type SkdxDashboardNavigationItem } from './dashboard-layout/index.js';
 export { SkdxPageContainer, type SkdxPageContainerBreadcrumb } from './page-container/index.js';
 export { defaultProviderLabel, SkdxSignInPage, type SkdxSignInDetail, type SkdxSignInProvider, } from './sign-in-page/index.js';
-export { SkdxConfirmDialog } from './confirm-dialog/index.js';
 export { SkdxEmptyState } from './empty-state/index.js';
 export { SkdxStatCard } from './stat-card/index.js';
 export { SkdxFormSection } from './form-section/index.js';

package/dist/index.js

@@ -1 +1 @@
-import{SkdxDashboardLayout as o}from"./dashboard-layout/index.js";import{SkdxPageContainer as a}from"./page-container/index.js";import{defaultProviderLabel as x,SkdxSignInPage as d}from"./sign-in-page/index.js";import{SkdxConfirmDialog as p}from"./confirm-dialog/index.js";import{SkdxEmptyState as n}from"./empty-state/index.js";import{SkdxStatCard as s}from"./stat-card/index.js";import{SkdxFormSection as C}from"./form-section/index.js";import{SkdxOnboardingChecklist as l}from"./onboarding-checklist/index.js";import{SkdxUsageCard as c}from"./usage-card/index.js";import{SkdxFilterBar as D}from"./filter-bar/index.js";import{SkdxComment as u}from"./comment/index.js";import{SkdxCommentThread as b}from"./comment-thread/index.js";import{SkdxNotificationCenter as V}from"./notification-center/index.js";import{SkdxConversationList as F}from"./conversation-list/index.js";import{SkdxChatMessage as N}from"./chat-message/index.js";import{SkdxUserMenu as B}from"./user-menu/index.js";import{SkdxChatComposer as R}from"./chat-composer/index.js";import{SkdxWorkspaceSwitcher as M}from"./workspace-switcher/index.js";import{SkdxSignUpPage as K}from"./sign-up-page/index.js";import{SkdxForgotPasswordPage as j}from"./forgot-password-page/index.js";import{SkdxResetPasswordPage as z}from"./reset-password-page/index.js";import{SkdxVerificationPage as G}from"./verification-page/index.js";export{R as SkdxChatComposer,N as SkdxChatMessage,u as SkdxComment,b as SkdxCommentThread,p as SkdxConfirmDialog,F as SkdxConversationList,o as SkdxDashboardLayout,n as SkdxEmptyState,D as SkdxFilterBar,j as SkdxForgotPasswordPage,C as SkdxFormSection,V as SkdxNotificationCenter,l as SkdxOnboardingChecklist,a as SkdxPageContainer,z as SkdxResetPasswordPage,d as SkdxSignInPage,K as SkdxSignUpPage,s as SkdxStatCard,c as SkdxUsageCard,B as SkdxUserMenu,G as SkdxVerificationPage,M as SkdxWorkspaceSwitcher,x as defaultProviderLabel};
+import{SkdxDashboardLayout as o}from"./dashboard-layout/index.js";import{SkdxPageContainer as a}from"./page-container/index.js";import{defaultProviderLabel as x,SkdxSignInPage as d}from"./sign-in-page/index.js";import{SkdxEmptyState as p}from"./empty-state/index.js";import{SkdxStatCard as n}from"./stat-card/index.js";import{SkdxFormSection as s}from"./form-section/index.js";import{SkdxOnboardingChecklist as f}from"./onboarding-checklist/index.js";import{SkdxUsageCard as l}from"./usage-card/index.js";import{SkdxFilterBar as c}from"./filter-bar/index.js";import{SkdxComment as D}from"./comment/index.js";import{SkdxCommentThread as u}from"./comment-thread/index.js";import{SkdxNotificationCenter as b}from"./notification-center/index.js";import{SkdxConversationList as V}from"./conversation-list/index.js";import{SkdxChatMessage as F}from"./chat-message/index.js";import{SkdxUserMenu as N}from"./user-menu/index.js";import{SkdxChatComposer as B}from"./chat-composer/index.js";import{SkdxWorkspaceSwitcher as R}from"./workspace-switcher/index.js";import{SkdxSignUpPage as M}from"./sign-up-page/index.js";import{SkdxForgotPasswordPage as K}from"./forgot-password-page/index.js";import{SkdxResetPasswordPage as j}from"./reset-password-page/index.js";import{SkdxVerificationPage as z}from"./verification-page/index.js";export{B as SkdxChatComposer,F as SkdxChatMessage,D as SkdxComment,u as SkdxCommentThread,V as SkdxConversationList,o as SkdxDashboardLayout,p as SkdxEmptyState,c as SkdxFilterBar,K as SkdxForgotPasswordPage,s as SkdxFormSection,b as SkdxNotificationCenter,f as SkdxOnboardingChecklist,a as SkdxPageContainer,j as SkdxResetPasswordPage,d as SkdxSignInPage,M as SkdxSignUpPage,n as SkdxStatCard,l as SkdxUsageCard,N as SkdxUserMenu,z as SkdxVerificationPage,R as SkdxWorkspaceSwitcher,x as defaultProviderLabel};

package/dist/internal/slots.cjs

@@ -1 +1 @@
-"use strict";var i=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var m=(n,e)=>{for(var t in e)i(n,t,{get:e[t],enumerable:!0})},u=(n,e,t,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of d(e))!a.call(n,o)&&o!==t&&i(n,o,{get:()=>e[o],enumerable:!(l=E(e,o))||l.enumerable});return n};var N=n=>u(i({},"__esModule",{value:!0}),n);var p={};m(p,{hasUnslottedChild:()=>c,placeSlotted:()=>T});module.exports=N(p);function T(n,e,t,l){for(let o of Array.from(n.childNodes)){if(o.nodeType===Node.COMMENT_NODE)continue;if(o.nodeType!==Node.ELEMENT_NODE){o.textContent?.trim()&&l?.append(o);continue}let r=o;if(r.hasAttribute(e))continue;let s=r.getAttribute("slot");(s===null?l:t[s]??null)?.append(r)}}function c(n,e){return Array.from(n.childNodes).some(t=>t.nodeType===Node.ELEMENT_NODE?!t.hasAttribute(e)&&!t.hasAttribute("slot"):t.nodeType===Node.TEXT_NODE&&!!t.textContent?.trim())}0&&(module.exports={hasUnslottedChild,placeSlotted});
+"use strict";var d=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var m=(n,t)=>{for(var e in t)d(n,e,{get:t[e],enumerable:!0})},c=(n,t,e,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of a(t))!u.call(n,o)&&o!==e&&d(n,o,{get:()=>t[o],enumerable:!(l=E(t,o))||l.enumerable});return n};var N=n=>c(d({},"__esModule",{value:!0}),n);var p={};m(p,{hasUnslottedChild:()=>f,placeSlotted:()=>T});module.exports=N(p);function T(n,t,e,l){for(let o of Array.from(n.childNodes)){if(o.nodeType===Node.COMMENT_NODE)continue;if(o.nodeType!==Node.ELEMENT_NODE){o.textContent?.trim()&&l?.append(o);continue}let i=o;if(i.hasAttribute(t))continue;let r=i.getAttribute("slot"),s=r===null?l:e[r]??null;s&&(r!==null&&s.shadowRoot&&(i.removeAttribute("slot"),i.setAttribute("data-skdx-slot",r)),s.append(i))}}function f(n,t){return Array.from(n.childNodes).some(e=>e.nodeType===Node.ELEMENT_NODE?!e.hasAttribute(t)&&!e.hasAttribute("slot"):e.nodeType===Node.TEXT_NODE&&!!e.textContent?.trim())}0&&(module.exports={hasUnslottedChild,placeSlotted});

package/dist/internal/slots.js

@@ -1 +1 @@
-function E(n,o,e,r){for(let t of Array.from(n.childNodes)){if(t.nodeType===Node.COMMENT_NODE)continue;if(t.nodeType!==Node.ELEMENT_NODE){t.textContent?.trim()&&r?.append(t);continue}let l=t;if(l.hasAttribute(o))continue;let i=l.getAttribute("slot");(i===null?r:e[i]??null)?.append(l)}}function d(n,o){return Array.from(n.childNodes).some(e=>e.nodeType===Node.ELEMENT_NODE?!e.hasAttribute(o)&&!e.hasAttribute("slot"):e.nodeType===Node.TEXT_NODE&&!!e.textContent?.trim())}export{d as hasUnslottedChild,E as placeSlotted};
+function d(l,i,t,s){for(let e of Array.from(l.childNodes)){if(e.nodeType===Node.COMMENT_NODE)continue;if(e.nodeType!==Node.ELEMENT_NODE){e.textContent?.trim()&&s?.append(e);continue}let n=e;if(n.hasAttribute(i))continue;let o=n.getAttribute("slot"),r=o===null?s:t[o]??null;r&&(o!==null&&r.shadowRoot&&(n.removeAttribute("slot"),n.setAttribute("data-skdx-slot",o)),r.append(n))}}function E(l,i){return Array.from(l.childNodes).some(t=>t.nodeType===Node.ELEMENT_NODE?!t.hasAttribute(i)&&!t.hasAttribute("slot"):t.nodeType===Node.TEXT_NODE&&!!t.textContent?.trim())}export{E as hasUnslottedChild,d as placeSlotted};

package/dist/notification-center/NotificationCenter.cjs

@@ -1,4 +1,4 @@
-"use strict";var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var b=(d,a)=>{for(var e in a)c(d,e,{get:a[e],enumerable:!0})},f=(d,a,e,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of k(a))!g.call(d,i)&&i!==e&&c(d,i,{get:()=>a[i],enumerable:!(n=u(a,i))||n.enumerable});return d};var L=d=>f(c({},"__esModule",{value:!0}),d),s=(d,a,e,n)=>{for(var i=n>1?void 0:n?u(a,e):a,l=d.length-1,p;l>=0;l--)(p=d[l])&&(i=(n?p(a,e,i):p(i))||i);return n&&i&&c(a,e,i),i};var _={};b(_,{SkdxNotificationCenter:()=>r});module.exports=L(_);var t=require("lit"),o=require("lit/decorators.js"),v=require("../internal/define.cjs"),m=require("../internal/events.cjs"),h=require("../internal/slots.cjs"),R=require("@skdx/web-components/button"),T=require("@skdx/web-components/heading"),A=require("@skdx/web-components/skeleton"),O=require("@skdx/web-components/time"),S=require("../empty-state/index.cjs");var x="data-skdx-notification-center-generated",E=["select","read-change","mark-all-read"],$=[0,1,2],y=0,r=class extends t.LitElement{constructor(){super(...arguments);this.title="Notifications";this.headingLevel=2;this.markAllReadLabel="Mark all as read";this.markReadLabel="Mark as read";this.markUnreadLabel="Mark as unread";this.emptyTitle="No notifications";this.loading=!1;this.titleId=`skdx-notification-center-title-${++y}`;this.gated=new Map;this.markAllRead=()=>{(0,m.emit)(this,"mark-all-read")}}createRenderRoot(){return this}addEventListener(e,n,i){super.addEventListener(e,n,i),this.countListener(e,1)}removeEventListener(e,n,i){super.removeEventListener(e,n,i),this.countListener(e,-1)}countListener(e,n){E.includes(e)&&(this.gated.set(e,Math.max(0,(this.gated.get(e)??0)+n)),this.requestUpdate())}handles(e){return(this.gated.get(e)??0)>0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),queueMicrotask(()=>this.requestUpdate())}region(e){return this.querySelector(`.skdx-notification-center__${e}`)}hasSlotted(e){return this.querySelector(`[slot="${e}"]`)!==null}updated(){this.setAttribute("aria-busy",String(this.loading)),(0,h.placeSlotted)(this,x,{actions:this.region("actions")},null)}itemBody(e){return t.html`<span class="skdx-notification-center__item-title">${e.title}</span> ${e.description?t.html`<span class="skdx-notification-center__description">${e.description}</span>`:t.nothing}
+"use strict";var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var b=(d,a)=>{for(var e in a)c(d,e,{get:a[e],enumerable:!0})},f=(d,a,e,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of k(a))!g.call(d,i)&&i!==e&&c(d,i,{get:()=>a[i],enumerable:!(n=u(a,i))||n.enumerable});return d};var L=d=>f(c({},"__esModule",{value:!0}),d),s=(d,a,e,n)=>{for(var i=n>1?void 0:n?u(a,e):a,l=d.length-1,p;l>=0;l--)(p=d[l])&&(i=(n?p(a,e,i):p(i))||i);return n&&i&&c(a,e,i),i};var _={};b(_,{SkdxNotificationCenter:()=>r});module.exports=L(_);var t=require("lit"),o=require("lit/decorators.js"),v=require("../internal/define.cjs"),m=require("../internal/events.cjs"),h=require("../internal/slots.cjs"),R=require("@skdx/web-components/button"),T=require("@skdx/web-components/heading"),A=require("@skdx/web-components/skeleton"),O=require("@skdx/web-components/time"),S=require("../empty-state/index.cjs");var x="data-skdx-notification-center-generated",E=["select","read-change","mark-all-read"],$=[0,1,2],y=0,r=class extends t.LitElement{constructor(){super(...arguments);this.title="Notifications";this.headingLevel=2;this.markAllReadLabel="Mark all as read";this.markReadLabel="Mark as read";this.markUnreadLabel="Mark as unread";this.emptyTitle="No notifications";this.loading=!1;this.titleId=`skdx-notification-center-title-${++y}`;this.gated=new Map;this.markAllRead=()=>{(0,m.emit)(this,"mark-all-read")}}createRenderRoot(){return this}addEventListener(e,n,i){super.addEventListener(e,n,i),this.countListener(e,1)}removeEventListener(e,n,i){super.removeEventListener(e,n,i),this.countListener(e,-1)}countListener(e,n){E.includes(e)&&(this.gated.set(e,Math.max(0,(this.gated.get(e)??0)+n)),this.requestUpdate())}handles(e){return(this.gated.get(e)??0)>0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),queueMicrotask(()=>this.requestUpdate())}region(e){return this.querySelector(`.skdx-notification-center__${e}`)}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}updated(){this.setAttribute("aria-busy",String(this.loading)),(0,h.placeSlotted)(this,x,{actions:this.region("actions")},null)}itemBody(e){return t.html`<span class="skdx-notification-center__item-title">${e.title}</span> ${e.description?t.html`<span class="skdx-notification-center__description">${e.description}</span>`:t.nothing}
       ${e.timestamp===void 0?t.nothing:t.html`<skdx-time
               class="skdx-notification-center__time"
               relative

package/dist/notification-center/NotificationCenter.js

@@ -1,4 +1,4 @@
-var u=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var a=(c,d,e,i)=>{for(var t=i>1?void 0:i?v(d,e):d,l=c.length-1,m;l>=0;l--)(m=c[l])&&(t=(i?m(d,e,t):m(t))||t);return i&&t&&u(d,e,t),t};import{html as n,LitElement as h,nothing as o}from"lit";import{property as s}from"lit/decorators.js";import{customElement as k}from"../internal/define.js";import{emit as p}from"../internal/events.js";import{placeSlotted as g}from"../internal/slots.js";import"@skdx/web-components/button";import"@skdx/web-components/heading";import"@skdx/web-components/skeleton";import"@skdx/web-components/time";import"../empty-state/index.js";var b="data-skdx-notification-center-generated",f=["select","read-change","mark-all-read"],L=[0,1,2],x=0,r=class extends h{constructor(){super(...arguments);this.title="Notifications";this.headingLevel=2;this.markAllReadLabel="Mark all as read";this.markReadLabel="Mark as read";this.markUnreadLabel="Mark as unread";this.emptyTitle="No notifications";this.loading=!1;this.titleId=`skdx-notification-center-title-${++x}`;this.gated=new Map;this.markAllRead=()=>{p(this,"mark-all-read")}}createRenderRoot(){return this}addEventListener(e,i,t){super.addEventListener(e,i,t),this.countListener(e,1)}removeEventListener(e,i,t){super.removeEventListener(e,i,t),this.countListener(e,-1)}countListener(e,i){f.includes(e)&&(this.gated.set(e,Math.max(0,(this.gated.get(e)??0)+i)),this.requestUpdate())}handles(e){return(this.gated.get(e)??0)>0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),queueMicrotask(()=>this.requestUpdate())}region(e){return this.querySelector(`.skdx-notification-center__${e}`)}hasSlotted(e){return this.querySelector(`[slot="${e}"]`)!==null}updated(){this.setAttribute("aria-busy",String(this.loading)),g(this,b,{actions:this.region("actions")},null)}itemBody(e){return n`<span class="skdx-notification-center__item-title">${e.title}</span> ${e.description?n`<span class="skdx-notification-center__description">${e.description}</span>`:o}
+var u=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var a=(c,d,e,i)=>{for(var t=i>1?void 0:i?v(d,e):d,l=c.length-1,m;l>=0;l--)(m=c[l])&&(t=(i?m(d,e,t):m(t))||t);return i&&t&&u(d,e,t),t};import{html as n,LitElement as h,nothing as o}from"lit";import{property as s}from"lit/decorators.js";import{customElement as k}from"../internal/define.js";import{emit as p}from"../internal/events.js";import{placeSlotted as g}from"../internal/slots.js";import"@skdx/web-components/button";import"@skdx/web-components/heading";import"@skdx/web-components/skeleton";import"@skdx/web-components/time";import"../empty-state/index.js";var b="data-skdx-notification-center-generated",f=["select","read-change","mark-all-read"],L=[0,1,2],x=0,r=class extends h{constructor(){super(...arguments);this.title="Notifications";this.headingLevel=2;this.markAllReadLabel="Mark all as read";this.markReadLabel="Mark as read";this.markUnreadLabel="Mark as unread";this.emptyTitle="No notifications";this.loading=!1;this.titleId=`skdx-notification-center-title-${++x}`;this.gated=new Map;this.markAllRead=()=>{p(this,"mark-all-read")}}createRenderRoot(){return this}addEventListener(e,i,t){super.addEventListener(e,i,t),this.countListener(e,1)}removeEventListener(e,i,t){super.removeEventListener(e,i,t),this.countListener(e,-1)}countListener(e,i){f.includes(e)&&(this.gated.set(e,Math.max(0,(this.gated.get(e)??0)+i)),this.requestUpdate())}handles(e){return(this.gated.get(e)??0)>0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),queueMicrotask(()=>this.requestUpdate())}region(e){return this.querySelector(`.skdx-notification-center__${e}`)}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}updated(){this.setAttribute("aria-busy",String(this.loading)),g(this,b,{actions:this.region("actions")},null)}itemBody(e){return n`<span class="skdx-notification-center__item-title">${e.title}</span> ${e.description?n`<span class="skdx-notification-center__description">${e.description}</span>`:o}
       ${e.timestamp===void 0?o:n`<skdx-time
               class="skdx-notification-center__time"
               relative

package/dist/page-container/PageContainer.cjs

@@ -1,14 +1,14 @@
-"use strict";var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var k=(r,e)=>{for(var a in e)d(r,a,{get:e[a],enumerable:!0})},v=(r,e,a,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of g(e))!h.call(r,t)&&t!==a&&d(r,t,{get:()=>e[t],enumerable:!(s=p(e,t))||s.enumerable});return r};var x=r=>v(d({},"__esModule",{value:!0}),r),o=(r,e,a,s)=>{for(var t=s>1?void 0:s?p(e,a):e,c=r.length-1,b;c>=0;c--)(b=r[c])&&(t=(s?b(e,a,t):b(t))||t);return s&&t&&d(e,a,t),t};var L={};k(L,{SkdxPageContainer:()=>i});module.exports=x(L);var n=require("lit"),l=require("lit/decorators.js"),m=require("../internal/define.cjs"),u=require("../internal/slots.cjs"),E=require("@skdx/web-components/breadcrumb"),f=require("@skdx/web-components/heading"),T=require("@skdx/web-components/toolbar");var _="data-skdx-page-container-generated",y=0,i=class extends n.LitElement{constructor(){super(...arguments);this.headingLevel=1;this.breadcrumbLabel="Breadcrumb";this.actionsLabel="Page actions";this.titleId=`skdx-page-container-title-${++y}`}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"]')!==null}region(a){return this.querySelector(`.skdx-page-container__${a}`)}updated(){(0,u.placeSlotted)(this,_,{actions:this.region("actions")},this.region("content"))}render(){return n.html`
+"use strict";var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var k=(r,e)=>{for(var a in e)d(r,a,{get:e[a],enumerable:!0})},x=(r,e,a,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of g(e))!h.call(r,t)&&t!==a&&d(r,t,{get:()=>e[t],enumerable:!(n=p(e,t))||n.enumerable});return r};var v=r=>x(d({},"__esModule",{value:!0}),r),o=(r,e,a,n)=>{for(var t=n>1?void 0:n?p(e,a):e,c=r.length-1,b;c>=0;c--)(b=r[c])&&(t=(n?b(e,a,t):b(t))||t);return n&&t&&d(e,a,t),t};var L={};k(L,{SkdxPageContainer:()=>i});module.exports=v(L);var s=require("lit"),l=require("lit/decorators.js"),m=require("../internal/define.cjs"),u=require("../internal/slots.cjs"),E=require("@skdx/web-components/breadcrumb"),f=require("@skdx/web-components/heading"),T=require("@skdx/web-components/toolbar");var _="data-skdx-page-container-generated",y=0,i=class extends s.LitElement{constructor(){super(...arguments);this.headingLevel=1;this.breadcrumbLabel="Breadcrumb";this.actionsLabel="Page actions";this.titleId=`skdx-page-container-title-${++y}`}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(a){return this.querySelector(`.skdx-page-container__${a}`)}updated(){(0,u.placeSlotted)(this,_,{actions:this.region("actions")},this.region("content"))}render(){return s.html`
       <header
         class="skdx-page-container__header"
         data-skdx-page-container-generated
         role="none"
       >
-        ${this.breadcrumbs?.length?n.html`<skdx-breadcrumb
+        ${this.breadcrumbs?.length?s.html`<skdx-breadcrumb
                 class="skdx-page-container__breadcrumbs"
                 label=${this.breadcrumbLabel}
                 .items=${this.breadcrumbs}
-              ></skdx-breadcrumb>`:n.nothing}
+              ></skdx-breadcrumb>`:s.nothing}
         <div class="skdx-page-container__heading-row">
           <skdx-heading
             class="skdx-page-container__title"
@@ -16,10 +16,10 @@
             id=${this.titleId}
             >${this.title??""}</skdx-heading
           >
-          ${this.hasActions?n.html`<skdx-toolbar
+          ${this.hasActions?s.html`<skdx-toolbar
                   class="skdx-page-container__actions"
                   aria-label=${this.actionsLabel}
-                ></skdx-toolbar>`:n.nothing}
+                ></skdx-toolbar>`:s.nothing}
         </div>
       </header>
       <div

package/dist/page-container/PageContainer.js

@@ -1,4 +1,4 @@
-var p=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var r=(o,a,i,s)=>{for(var t=s>1?void 0:s?m(a,i):a,l=o.length-1,d;l>=0;l--)(d=o[l])&&(t=(s?d(a,i,t):d(t))||t);return s&&t&&p(a,i,t),t};import{html as c,LitElement as u,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",v=0,e=class extends u{constructor(){super(...arguments);this.headingLevel=1;this.breadcrumbLabel="Breadcrumb";this.actionsLabel="Page actions";this.titleId=`skdx-page-container-title-${++v}`}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"]')!==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 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`
       <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,s
         class="skdx-page-container__content"
         data-skdx-page-container-generated
       ></div>
-    `}};r([n({type:String})],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};
+    `}};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};

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

@@ -1,4 +1,4 @@
-"use strict";var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var v=(i,e)=>{for(var t in e)p(i,t,{get:e[t],enumerable:!0})},y=(i,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of x(e))!w.call(i,r)&&r!==t&&p(i,r,{get:()=>e[r],enumerable:!(o=u(e,r))||o.enumerable});return i};var $=i=>y(p({},"__esModule",{value:!0}),i),d=(i,e,t,o)=>{for(var r=o>1?void 0:o?u(e,t):e,l=i.length-1,m;l>=0;l--)(m=i[l])&&(r=(o?m(e,t,r):m(r))||r);return o&&r&&p(e,t,r),r};var C={};v(C,{SkdxResetPasswordPage:()=>a});module.exports=$(C);var s=require("lit"),n=require("lit/decorators.js"),f=require("../internal/define.cjs"),k=require("../internal/events.cjs"),c=require("../internal/slots.cjs"),M=require("@skdx/web-components/alert"),q=require("@skdx/web-components/button"),S=require("@skdx/web-components/field"),T=require("@skdx/web-components/form"),V=require("@skdx/web-components/heading"),N=require("@skdx/web-components/password-input");var h="data-skdx-reset-password-page-generated",_="data-skdx-reset-password-page-content",g="confirmPassword",E=0,a=class extends s.LitElement{constructor(){super(...arguments);this.title="Choose a new password";this.pending=!1;this.passwordLabel="New password";this.passwordMismatchMessage="Passwords do not match";this.submitLabel="Update password";this.titleId=`skdx-reset-password-page-title-${++E}`;this.handleSubmit=t=>{let o=t.target?.closest("skdx-form");if(!o)return;t.preventDefault();let r=b(o,"password")?.value??"",l=b(o,g);if(l&&l.value!==r){l.setCustomValidity(this.passwordMismatchMessage),l.reportValidity();return}(0,k.emit)(this,"reset-password",{password:r})};this.clearMismatch=t=>{t.target.setCustomValidity("")}}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(t){return this.querySelector(`[slot="${t}"]`)!==null}region(t){return this.querySelector(`.skdx-reset-password-page__${t}`)}get contentRegion(){return this.querySelector(`[${_}]`)}get hasContent(){return(0,c.hasUnslottedChild)(this,h)||(this.contentRegion?.hasChildNodes()??!1)}updated(){(0,c.placeSlotted)(this,h,{requirements:this.region("requirements"),footer:this.region("footer")},this.contentRegion)}render(){return s.html`
+"use strict";var p=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var v=(i,t)=>{for(var e in t)p(i,e,{get:t[e],enumerable:!0})},$=(i,t,e,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of b(t))!f.call(i,r)&&r!==e&&p(i,r,{get:()=>t[r],enumerable:!(o=m(t,r))||o.enumerable});return i};var y=i=>$(p({},"__esModule",{value:!0}),i),d=(i,t,e,o)=>{for(var r=o>1?void 0:o?m(t,e):t,l=i.length-1,c;l>=0;l--)(c=i[l])&&(r=(o?c(t,e,r):c(r))||r);return o&&r&&p(t,e,r),r};var C={};v(C,{SkdxResetPasswordPage:()=>a});module.exports=y(C);var s=require("lit"),n=require("lit/decorators.js"),w=require("../internal/define.cjs"),x=require("../internal/events.cjs"),u=require("../internal/slots.cjs"),M=require("@skdx/web-components/alert"),q=require("@skdx/web-components/button"),S=require("@skdx/web-components/field"),T=require("@skdx/web-components/form"),V=require("@skdx/web-components/heading"),N=require("@skdx/web-components/password-input");var g="data-skdx-reset-password-page-generated",_="data-skdx-reset-password-page-content",h="confirmPassword",E=0,a=class extends s.LitElement{constructor(){super(...arguments);this.title="Choose a new password";this.pending=!1;this.passwordLabel="New password";this.passwordMismatchMessage="Passwords do not match";this.submitLabel="Update password";this.titleId=`skdx-reset-password-page-title-${++E}`;this.handleSubmit=e=>{let o=e.target?.closest("skdx-form");if(!o)return;e.preventDefault();let r=k(o,"password")?.value??"",l=k(o,h);if(l&&l.value!==r){l.setCustomValidity(this.passwordMismatchMessage),l.reportValidity();return}(0,x.emit)(this,"reset-password",{password:r})};this.clearMismatch=e=>{e.target.setCustomValidity("")}}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-reset-password-page__${e}`)}get contentRegion(){return this.querySelector(`[${_}]`)}get hasContent(){return(0,u.hasUnslottedChild)(this,g)||(this.contentRegion?.hasChildNodes()??!1)}updated(){(0,u.placeSlotted)(this,g,{requirements:this.region("requirements"),footer:this.region("footer")},this.contentRegion)}render(){return s.html`
       <div
         class="skdx-reset-password-page__panel"
         data-skdx-reset-password-page-generated
@@ -28,7 +28,12 @@
                     <skdx-password-input
                       name="password"
                       required
-                    ></skdx-password-input>
+                    >
+                      <skdx-password-input-field
+                        autocomplete="new-password"
+                      ></skdx-password-input-field>
+                      <skdx-password-input-toggle></skdx-password-input-toggle>
+                    </skdx-password-input>
                     ${this.hasSlotted("requirements")?s.html`<skdx-field-description
                             class="skdx-reset-password-page__requirements"
                           ></skdx-field-description>`:s.nothing}
@@ -39,10 +44,15 @@
                           required
                         >
                           <skdx-password-input
-                            name=${g}
+                            name=${h}
                             required
                             @value-change=${this.clearMismatch}
-                          ></skdx-password-input>
+                          >
+                            <skdx-password-input-field
+                              autocomplete="new-password"
+                            ></skdx-password-input-field>
+                            <skdx-password-input-toggle></skdx-password-input-toggle>
+                          </skdx-password-input>
                         </skdx-field>`}
                   ${this.hasContent?s.html`<div data-skdx-reset-password-page-content></div>`:s.nothing}
                   <skdx-button
@@ -56,4 +66,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})],a.prototype,"title",2),d([(0,n.property)({type:String})],a.prototype,"error",2),d([(0,n.property)({type:String})],a.prototype,"success",2),d([(0,n.property)({type:Boolean})],a.prototype,"pending",2),d([(0,n.property)({type:String,attribute:"password-label"})],a.prototype,"passwordLabel",2),d([(0,n.property)({type:String,attribute:"confirm-password-label"})],a.prototype,"confirmPasswordLabel",2),d([(0,n.property)({type:String,attribute:"password-mismatch-message"})],a.prototype,"passwordMismatchMessage",2),d([(0,n.property)({type:String,attribute:"submit-label"})],a.prototype,"submitLabel",2),a=d([(0,f.customElement)("skdx-reset-password-page","reset-password-page","root")],a);function b(i,e){return i.querySelector(`[name="${e}"]`)}0&&(module.exports={SkdxResetPasswordPage});
+    `}};d([(0,n.property)({type:String})],a.prototype,"title",2),d([(0,n.property)({type:String})],a.prototype,"error",2),d([(0,n.property)({type:String})],a.prototype,"success",2),d([(0,n.property)({type:Boolean})],a.prototype,"pending",2),d([(0,n.property)({type:String,attribute:"password-label"})],a.prototype,"passwordLabel",2),d([(0,n.property)({type:String,attribute:"confirm-password-label"})],a.prototype,"confirmPasswordLabel",2),d([(0,n.property)({type:String,attribute:"password-mismatch-message"})],a.prototype,"passwordMismatchMessage",2),d([(0,n.property)({type:String,attribute:"submit-label"})],a.prototype,"submitLabel",2),a=d([(0,w.customElement)("skdx-reset-password-page","reset-password-page","root")],a);function k(i,t){return i.querySelector(`[name="${t}"]`)}0&&(module.exports={SkdxResetPasswordPage});

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

@@ -1,4 +1,4 @@
-var g=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var r=(l,n,e,i)=>{for(var s=i>1?void 0:i?b(n,e):n,a=l.length-1,c;a>=0;a--)(c=l[a])&&(s=(i?c(n,e,s):c(s))||s);return i&&s&&g(n,e,s),s};import{html as o,LitElement as f,nothing as p}from"lit";import{property as d}from"lit/decorators.js";import{customElement as k}from"../internal/define.js";import{emit as x}from"../internal/events.js";import{hasUnslottedChild as w,placeSlotted as v}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/password-input";var m="data-skdx-reset-password-page-generated",y="data-skdx-reset-password-page-content",u="confirmPassword",$=0,t=class extends f{constructor(){super(...arguments);this.title="Choose a new password";this.pending=!1;this.passwordLabel="New password";this.passwordMismatchMessage="Passwords do not match";this.submitLabel="Update password";this.titleId=`skdx-reset-password-page-title-${++$}`;this.handleSubmit=e=>{let i=e.target?.closest("skdx-form");if(!i)return;e.preventDefault();let s=h(i,"password")?.value??"",a=h(i,u);if(a&&a.value!==s){a.setCustomValidity(this.passwordMismatchMessage),a.reportValidity();return}x(this,"reset-password",{password:s})};this.clearMismatch=e=>{e.target.setCustomValidity("")}}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}"]`)!==null}region(e){return this.querySelector(`.skdx-reset-password-page__${e}`)}get contentRegion(){return this.querySelector(`[${y}]`)}get hasContent(){return w(this,m)||(this.contentRegion?.hasChildNodes()??!1)}updated(){v(this,m,{requirements:this.region("requirements"),footer:this.region("footer")},this.contentRegion)}render(){return o`
+var h=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var r=(l,n,e,i)=>{for(var s=i>1?void 0:i?k(n,e):n,a=l.length-1,u;a>=0;a--)(u=l[a])&&(s=(i?u(n,e,s):u(s))||s);return i&&s&&h(n,e,s),s};import{html as o,LitElement as w,nothing as p}from"lit";import{property as d}from"lit/decorators.js";import{customElement as x}from"../internal/define.js";import{emit as b}from"../internal/events.js";import{hasUnslottedChild as f,placeSlotted as v}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/password-input";var c="data-skdx-reset-password-page-generated",$="data-skdx-reset-password-page-content",m="confirmPassword",y=0,t=class extends w{constructor(){super(...arguments);this.title="Choose a new password";this.pending=!1;this.passwordLabel="New password";this.passwordMismatchMessage="Passwords do not match";this.submitLabel="Update password";this.titleId=`skdx-reset-password-page-title-${++y}`;this.handleSubmit=e=>{let i=e.target?.closest("skdx-form");if(!i)return;e.preventDefault();let s=g(i,"password")?.value??"",a=g(i,m);if(a&&a.value!==s){a.setCustomValidity(this.passwordMismatchMessage),a.reportValidity();return}b(this,"reset-password",{password:s})};this.clearMismatch=e=>{e.target.setCustomValidity("")}}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-reset-password-page__${e}`)}get contentRegion(){return this.querySelector(`[${$}]`)}get hasContent(){return f(this,c)||(this.contentRegion?.hasChildNodes()??!1)}updated(){v(this,c,{requirements:this.region("requirements"),footer:this.region("footer")},this.contentRegion)}render(){return o`
       <div
         class="skdx-reset-password-page__panel"
         data-skdx-reset-password-page-generated
@@ -28,7 +28,12 @@ var g=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var r=(l,n,e,i
                     <skdx-password-input
                       name="password"
                       required
-                    ></skdx-password-input>
+                    >
+                      <skdx-password-input-field
+                        autocomplete="new-password"
+                      ></skdx-password-input-field>
+                      <skdx-password-input-toggle></skdx-password-input-toggle>
+                    </skdx-password-input>
                     ${this.hasSlotted("requirements")?o`<skdx-field-description
                             class="skdx-reset-password-page__requirements"
                           ></skdx-field-description>`:p}
@@ -39,10 +44,15 @@ var g=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var r=(l,n,e,i
                           required
                         >
                           <skdx-password-input
-                            name=${u}
+                            name=${m}
                             required
                             @value-change=${this.clearMismatch}
-                          ></skdx-password-input>
+                          >
+                            <skdx-password-input-field
+                              autocomplete="new-password"
+                            ></skdx-password-input-field>
+                            <skdx-password-input-toggle></skdx-password-input-toggle>
+                          </skdx-password-input>
                         </skdx-field>`}
                   ${this.hasContent?o`<div data-skdx-reset-password-page-content></div>`:p}
                   <skdx-button
@@ -56,4 +66,4 @@ var g=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var r=(l,n,e,i
               </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([k("skdx-reset-password-page","reset-password-page","root")],t);function h(l,n){return l.querySelector(`[name="${n}"]`)}export{t as SkdxResetPasswordPage};
+    `}};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};

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

@@ -1,4 +1,4 @@
-"use strict";var u=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var L=(r,t)=>{for(var e in t)u(r,e,{get:t[e],enumerable:!0})},$=(r,t,e,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of _(t))!y.call(r,s)&&s!==e&&u(r,s,{get:()=>t[s],enumerable:!(a=h(t,s))||a.enumerable});return r};var E=r=>$(u({},"__esModule",{value:!0}),r),n=(r,t,e,a)=>{for(var s=a>1?void 0:a?h(t,e):t,o=r.length-1,p;o>=0;o--)(p=r[o])&&(s=(a?p(t,e,s):p(s))||s);return a&&s&&u(t,e,s),s};var q={};L(q,{SkdxSignUpPage:()=>d});module.exports=E(q);var i=require("lit"),l=require("lit/decorators.js"),k=require("../internal/define.cjs"),g=require("../internal/events.cjs"),m=require("../internal/slots.cjs"),f=require("../sign-in-page/index.cjs"),S=require("@skdx/web-components/alert"),H=require("@skdx/web-components/button"),V=require("@skdx/web-components/checkbox"),I=require("@skdx/web-components/divider"),R=require("@skdx/web-components/field"),A=require("@skdx/web-components/form"),D=require("@skdx/web-components/heading"),N=require("@skdx/web-components/password-input"),F=require("@skdx/web-components/text-field");var x="data-skdx-sign-up-page-generated",w="data-skdx-sign-up-page-content",b="confirmPassword",M=0,d=class extends i.LitElement{constructor(){super(...arguments);this.title="Create account";this.pending=!1;this.emailLabel="Email";this.passwordLabel="Password";this.passwordMismatchMessage="Passwords do not match";this.submitLabel="Create account";this.titleId=`skdx-sign-up-page-title-${++M}`;this.handleSubmit=e=>{let a=e.target?.closest("skdx-form");if(!a)return;e.preventDefault();let s=c(a,"password"),o=v(a,b);if(o&&o.value!==s){o.setCustomValidity(this.passwordMismatchMessage),o.reportValidity();return}let p={providerId:"credentials",email:c(a,"email"),password:s};this.nameLabel!==void 0&&(p.name=c(a,"name")),this.hasSlotted("terms")&&(p.termsAccepted=C(a)),(0,g.emit)(this,"sign-up",p)};this.clearMismatch=e=>{e.target.setCustomValidity("")}}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}"]`)!==null}region(e){return this.querySelector(`.skdx-sign-up-page__${e}`)}get termsLabel(){return this.querySelector(".skdx-sign-up-page__terms skdx-checkbox > span")}get contentRegion(){return this.querySelector(`[${w}]`)}get hasContent(){return(0,m.hasUnslottedChild)(this,x)||(this.contentRegion?.hasChildNodes()??!1)}updated(){(0,m.placeSlotted)(this,x,{terms:this.termsLabel,footer:this.region("footer")},this.contentRegion)}signUpWithProvider(e){(0,g.emit)(this,"sign-up",{providerId:e})}render(){let e=this.providers??[],a=this.getProviderLabel??f.defaultProviderLabel;return i.html`
+"use strict";var u=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var y=(r,t)=>{for(var e in t)u(r,e,{get:t[e],enumerable:!0})},L=(r,t,e,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of _(t))!w.call(r,s)&&s!==e&&u(r,s,{get:()=>t[s],enumerable:!(a=x(t,s))||a.enumerable});return r};var $=r=>L(u({},"__esModule",{value:!0}),r),n=(r,t,e,a)=>{for(var s=a>1?void 0:a?x(t,e):t,o=r.length-1,p;o>=0;o--)(p=r[o])&&(s=(a?p(t,e,s):p(s))||s);return a&&s&&u(t,e,s),s};var C={};y(C,{SkdxSignUpPage:()=>d});module.exports=$(C);var i=require("lit"),l=require("lit/decorators.js"),h=require("../internal/define.cjs"),g=require("../internal/events.cjs"),m=require("../internal/slots.cjs"),f=require("../sign-in-page/index.cjs"),S=require("@skdx/web-components/alert"),H=require("@skdx/web-components/button"),V=require("@skdx/web-components/checkbox"),I=require("@skdx/web-components/divider"),R=require("@skdx/web-components/field"),A=require("@skdx/web-components/form"),D=require("@skdx/web-components/heading"),N=require("@skdx/web-components/password-input"),F=require("@skdx/web-components/text-field");var k="data-skdx-sign-up-page-generated",E="data-skdx-sign-up-page-content",b="confirmPassword",M=0,d=class extends i.LitElement{constructor(){super(...arguments);this.title="Create account";this.pending=!1;this.emailLabel="Email";this.passwordLabel="Password";this.passwordMismatchMessage="Passwords do not match";this.submitLabel="Create account";this.titleId=`skdx-sign-up-page-title-${++M}`;this.handleSubmit=e=>{let a=e.target?.closest("skdx-form");if(!a)return;e.preventDefault();let s=c(a,"password"),o=v(a,b);if(o&&o.value!==s){o.setCustomValidity(this.passwordMismatchMessage),o.reportValidity();return}let p={providerId:"credentials",email:c(a,"email"),password:s};this.nameLabel!==void 0&&(p.name=c(a,"name")),this.hasSlotted("terms")&&(p.termsAccepted=q(a)),(0,g.emit)(this,"sign-up",p)};this.clearMismatch=e=>{e.target.setCustomValidity("")}}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-sign-up-page__${e}`)}get termsLabel(){return this.querySelector(".skdx-sign-up-page__terms skdx-field-label > span")}get contentRegion(){return this.querySelector(`[${E}]`)}get hasContent(){return(0,m.hasUnslottedChild)(this,k)||(this.contentRegion?.hasChildNodes()??!1)}updated(){(0,m.placeSlotted)(this,k,{terms:this.termsLabel,footer:this.region("footer")},this.contentRegion),this.querySelector(".skdx-sign-up-page__terms skdx-checkbox")?.requestUpdate()}signUpWithProvider(e){(0,g.emit)(this,"sign-up",{providerId:e})}render(){let e=this.providers??[],a=this.getProviderLabel??f.defaultProviderLabel;return i.html`
       <div
         class="skdx-sign-up-page__panel"
         data-skdx-sign-up-page-generated
@@ -62,7 +62,10 @@
               <skdx-password-input
                 name="password"
                 required
-              ></skdx-password-input>
+              >
+                <skdx-password-input-field autocomplete="new-password"></skdx-password-input-field>
+                <skdx-password-input-toggle></skdx-password-input-toggle>
+              </skdx-password-input>
             </skdx-field>
             ${this.confirmPasswordLabel===void 0?i.nothing:i.html`<skdx-field
                     class="skdx-sign-up-page__field"
@@ -73,15 +76,20 @@
                       name=${b}
                       required
                       @value-change=${this.clearMismatch}
-                    ></skdx-password-input>
+                    >
+                      <skdx-password-input-field
+                        autocomplete="new-password"
+                      ></skdx-password-input-field>
+                      <skdx-password-input-toggle></skdx-password-input-toggle>
+                    </skdx-password-input>
                   </skdx-field>`}
             ${this.hasContent?i.html`<div data-skdx-sign-up-page-content></div>`:i.nothing}
             ${this.hasSlotted("terms")?i.html`<skdx-field class="skdx-sign-up-page__terms">
                     <skdx-checkbox
                       name="terms"
                       required
-                      ><span></span
                     ></skdx-checkbox>
+                    <skdx-field-label><span></span></skdx-field-label>
                   </skdx-field>`:i.nothing}
             <skdx-button
               class="skdx-sign-up-page__submit"
@@ -94,4 +102,4 @@
         </skdx-form>
         ${this.hasSlotted("footer")?i.html`<div class="skdx-sign-up-page__footer"></div>`:i.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),d=n([(0,k.customElement)("skdx-sign-up-page","sign-up-page","root")],d);function v(r,t){return r.querySelector(`[name="${t}"]`)}function c(r,t){return v(r,t)?.value??""}function C(r){return r.querySelector('[name="terms"]')?.checked===!0}0&&(module.exports={SkdxSignUpPage});
+    `}};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),d=n([(0,h.customElement)("skdx-sign-up-page","sign-up-page","root")],d);function v(r,t){return r.querySelector(`[name="${t}"]`)}function c(r,t){return v(r,t)?.value??""}function q(r){return r.querySelector('[name="terms"]')?.checked===!0}0&&(module.exports={SkdxSignUpPage});

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

@@ -116,7 +116,7 @@ export declare class SkdxSignUpPage extends LitElement {
     /** Whether the consumer supplied content for `name` — still true once it has been moved in. */
     private hasSlotted;
     private region;
-    /** The span inside the terms checkbox that the `terms` slot is moved into. */
+    /** The span inside the terms field's label that the `terms` slot is moved into. */
     private get termsLabel();
     private get contentRegion();
     private get hasContent();

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

@@ -116,7 +116,7 @@ export declare class SkdxSignUpPage extends LitElement {
     /** Whether the consumer supplied content for `name` — still true once it has been moved in. */
     private hasSlotted;
     private region;
-    /** The span inside the terms checkbox that the `terms` slot is moved into. */
+    /** The span inside the terms field's label that the `terms` slot is moved into. */
     private get termsLabel();
     private get contentRegion();
     private get hasContent();

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

@@ -1,4 +1,4 @@
-var b=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var r=(n,d,e,i)=>{for(var s=i>1?void 0:i?k(d,e):d,o=n.length-1,p;o>=0;o--)(p=n[o])&&(s=(i?p(d,e,s):p(s))||s);return i&&s&&b(d,e,s),s};import{html as l,LitElement as f,nothing as u}from"lit";import{property as a}from"lit/decorators.js";import{customElement as v}from"../internal/define.js";import{emit as c}from"../internal/events.js";import{hasUnslottedChild as _,placeSlotted as y}from"../internal/slots.js";import{defaultProviderLabel as L}from"../sign-in-page/index.js";import"@skdx/web-components/alert";import"@skdx/web-components/button";import"@skdx/web-components/checkbox";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";var g="data-skdx-sign-up-page-generated",$="data-skdx-sign-up-page-content",h="confirmPassword",E=0,t=class extends f{constructor(){super(...arguments);this.title="Create account";this.pending=!1;this.emailLabel="Email";this.passwordLabel="Password";this.passwordMismatchMessage="Passwords do not match";this.submitLabel="Create account";this.titleId=`skdx-sign-up-page-title-${++E}`;this.handleSubmit=e=>{let i=e.target?.closest("skdx-form");if(!i)return;e.preventDefault();let s=m(i,"password"),o=x(i,h);if(o&&o.value!==s){o.setCustomValidity(this.passwordMismatchMessage),o.reportValidity();return}let p={providerId:"credentials",email:m(i,"email"),password:s};this.nameLabel!==void 0&&(p.name=m(i,"name")),this.hasSlotted("terms")&&(p.termsAccepted=w(i)),c(this,"sign-up",p)};this.clearMismatch=e=>{e.target.setCustomValidity("")}}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}"]`)!==null}region(e){return this.querySelector(`.skdx-sign-up-page__${e}`)}get termsLabel(){return this.querySelector(".skdx-sign-up-page__terms skdx-checkbox > span")}get contentRegion(){return this.querySelector(`[${$}]`)}get hasContent(){return _(this,g)||(this.contentRegion?.hasChildNodes()??!1)}updated(){y(this,g,{terms:this.termsLabel,footer:this.region("footer")},this.contentRegion)}signUpWithProvider(e){c(this,"sign-up",{providerId:e})}render(){let e=this.providers??[],i=this.getProviderLabel??L;return l`
+var b=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var r=(n,d,e,i)=>{for(var s=i>1?void 0:i?h(d,e):d,o=n.length-1,p;o>=0;o--)(p=n[o])&&(s=(i?p(d,e,s):p(s))||s);return i&&s&&b(d,e,s),s};import{html as l,LitElement as f,nothing as u}from"lit";import{property as a}from"lit/decorators.js";import{customElement as v}from"../internal/define.js";import{emit as c}from"../internal/events.js";import{hasUnslottedChild as _,placeSlotted as w}from"../internal/slots.js";import{defaultProviderLabel as y}from"../sign-in-page/index.js";import"@skdx/web-components/alert";import"@skdx/web-components/button";import"@skdx/web-components/checkbox";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";var g="data-skdx-sign-up-page-generated",L="data-skdx-sign-up-page-content",x="confirmPassword",$=0,t=class extends f{constructor(){super(...arguments);this.title="Create account";this.pending=!1;this.emailLabel="Email";this.passwordLabel="Password";this.passwordMismatchMessage="Passwords do not match";this.submitLabel="Create account";this.titleId=`skdx-sign-up-page-title-${++$}`;this.handleSubmit=e=>{let i=e.target?.closest("skdx-form");if(!i)return;e.preventDefault();let s=m(i,"password"),o=k(i,x);if(o&&o.value!==s){o.setCustomValidity(this.passwordMismatchMessage),o.reportValidity();return}let p={providerId:"credentials",email:m(i,"email"),password:s};this.nameLabel!==void 0&&(p.name=m(i,"name")),this.hasSlotted("terms")&&(p.termsAccepted=E(i)),c(this,"sign-up",p)};this.clearMismatch=e=>{e.target.setCustomValidity("")}}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-sign-up-page__${e}`)}get termsLabel(){return this.querySelector(".skdx-sign-up-page__terms skdx-field-label > span")}get contentRegion(){return this.querySelector(`[${L}]`)}get hasContent(){return _(this,g)||(this.contentRegion?.hasChildNodes()??!1)}updated(){w(this,g,{terms:this.termsLabel,footer:this.region("footer")},this.contentRegion),this.querySelector(".skdx-sign-up-page__terms skdx-checkbox")?.requestUpdate()}signUpWithProvider(e){c(this,"sign-up",{providerId:e})}render(){let e=this.providers??[],i=this.getProviderLabel??y;return l`
       <div
         class="skdx-sign-up-page__panel"
         data-skdx-sign-up-page-generated
@@ -62,7 +62,10 @@ var b=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var r=(n,d,e,i
               <skdx-password-input
                 name="password"
                 required
-              ></skdx-password-input>
+              >
+                <skdx-password-input-field autocomplete="new-password"></skdx-password-input-field>
+                <skdx-password-input-toggle></skdx-password-input-toggle>
+              </skdx-password-input>
             </skdx-field>
             ${this.confirmPasswordLabel===void 0?u:l`<skdx-field
                     class="skdx-sign-up-page__field"
@@ -70,18 +73,23 @@ var b=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var r=(n,d,e,i
                     required
                   >
                     <skdx-password-input
-                      name=${h}
+                      name=${x}
                       required
                       @value-change=${this.clearMismatch}
-                    ></skdx-password-input>
+                    >
+                      <skdx-password-input-field
+                        autocomplete="new-password"
+                      ></skdx-password-input-field>
+                      <skdx-password-input-toggle></skdx-password-input-toggle>
+                    </skdx-password-input>
                   </skdx-field>`}
             ${this.hasContent?l`<div data-skdx-sign-up-page-content></div>`:u}
             ${this.hasSlotted("terms")?l`<skdx-field class="skdx-sign-up-page__terms">
                     <skdx-checkbox
                       name="terms"
                       required
-                      ><span></span
                     ></skdx-checkbox>
+                    <skdx-field-label><span></span></skdx-field-label>
                   </skdx-field>`:u}
             <skdx-button
               class="skdx-sign-up-page__submit"
@@ -94,4 +102,4 @@ var b=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var r=(n,d,e,i
         </skdx-form>
         ${this.hasSlotted("footer")?l`<div class="skdx-sign-up-page__footer"></div>`:u}
       </div>
-    `}};r([a({type:String})],t.prototype,"title",2),r([a({attribute:!1})],t.prototype,"providers",2),r([a({type:String})],t.prototype,"error",2),r([a({type:Boolean})],t.prototype,"pending",2),r([a({type:String,attribute:"name-label"})],t.prototype,"nameLabel",2),r([a({type:String,attribute:"email-label"})],t.prototype,"emailLabel",2),r([a({type:String,attribute:"password-label"})],t.prototype,"passwordLabel",2),r([a({type:String,attribute:"confirm-password-label"})],t.prototype,"confirmPasswordLabel",2),r([a({type:String,attribute:"password-mismatch-message"})],t.prototype,"passwordMismatchMessage",2),r([a({type:String,attribute:"submit-label"})],t.prototype,"submitLabel",2),r([a({attribute:!1})],t.prototype,"getProviderLabel",2),t=r([v("skdx-sign-up-page","sign-up-page","root")],t);function x(n,d){return n.querySelector(`[name="${d}"]`)}function m(n,d){return x(n,d)?.value??""}function w(n){return n.querySelector('[name="terms"]')?.checked===!0}export{t as SkdxSignUpPage};
+    `}};r([a({type:String})],t.prototype,"title",2),r([a({attribute:!1})],t.prototype,"providers",2),r([a({type:String})],t.prototype,"error",2),r([a({type:Boolean})],t.prototype,"pending",2),r([a({type:String,attribute:"name-label"})],t.prototype,"nameLabel",2),r([a({type:String,attribute:"email-label"})],t.prototype,"emailLabel",2),r([a({type:String,attribute:"password-label"})],t.prototype,"passwordLabel",2),r([a({type:String,attribute:"confirm-password-label"})],t.prototype,"confirmPasswordLabel",2),r([a({type:String,attribute:"password-mismatch-message"})],t.prototype,"passwordMismatchMessage",2),r([a({type:String,attribute:"submit-label"})],t.prototype,"submitLabel",2),r([a({attribute:!1})],t.prototype,"getProviderLabel",2),t=r([v("skdx-sign-up-page","sign-up-page","root")],t);function k(n,d){return n.querySelector(`[name="${d}"]`)}function m(n,d){return k(n,d)?.value??""}function E(n){return n.querySelector('[name="terms"]')?.checked===!0}export{t as SkdxSignUpPage};

package/dist/stat-card/StatCard.cjs

@@ -1,4 +1,4 @@
-"use strict";var o=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var b=(a,e)=>{for(var s in e)o(a,s,{get:e[s],enumerable:!0})},k=(a,e,s,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of v(e))!x.call(a,i)&&i!==s&&o(a,i,{get:()=>e[i],enumerable:!(l=p(e,i))||l.enumerable});return a};var _=a=>k(o({},"__esModule",{value:!0}),a),d=(a,e,s,l)=>{for(var i=l>1?void 0:l?p(e,s):e,h=a.length-1,u;h>=0;h--)(u=a[h])&&(i=(l?u(e,s,i):u(i))||i);return l&&i&&o(e,s,i),i};var y={};b(y,{SkdxStatCard:()=>n});module.exports=_(y);var t=require("lit"),r=require("lit/decorators.js"),g=require("../internal/define.cjs"),m=require("../internal/slots.cjs"),T=require("@skdx/web-components/progress"),L=require("@skdx/web-components/skeleton"),M=require("@skdx/web-components/text"),R=require("@skdx/web-components/visually-hidden");var $="data-skdx-stat-card-generated",f=0;function c(a,e,s){s===void 0?a.removeAttribute(e):a.setAttribute(e,s)}var n=class extends t.LitElement{constructor(){super(...arguments);this.loading=!1;this.labelId=`skdx-stat-card-label-${++f}`}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group"),this.setAttribute("aria-labelledby",this.labelId),queueMicrotask(()=>this.requestUpdate())}region(s){return this.querySelector(`.skdx-stat-card__${s}`)}hasSlotted(s){return this.querySelector(`[slot="${s}"]`)!==null}updated(){c(this,"data-trend",this.trend),c(this,"data-sentiment",this.sentiment),c(this,"data-state",this.loading?"loading":void 0),c(this,"aria-busy",this.loading?"true":void 0),(0,m.placeSlotted)(this,$,{value:this.querySelector(".skdx-stat-card__value skdx-text"),icon:this.region("icon"),"trend-icon":this.region("trend-icon"),visual:this.region("visual"),footer:this.region("footer"),actions:this.region("actions")},null)}trendRegion(){return t.html`<span
+"use strict";var o=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var b=(a,e)=>{for(var s in e)o(a,s,{get:e[s],enumerable:!0})},k=(a,e,s,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of v(e))!x.call(a,i)&&i!==s&&o(a,i,{get:()=>e[i],enumerable:!(l=p(e,i))||l.enumerable});return a};var _=a=>k(o({},"__esModule",{value:!0}),a),d=(a,e,s,l)=>{for(var i=l>1?void 0:l?p(e,s):e,h=a.length-1,u;h>=0;h--)(u=a[h])&&(i=(l?u(e,s,i):u(i))||i);return l&&i&&o(e,s,i),i};var y={};b(y,{SkdxStatCard:()=>n});module.exports=_(y);var t=require("lit"),r=require("lit/decorators.js"),g=require("../internal/define.cjs"),m=require("../internal/slots.cjs"),T=require("@skdx/web-components/progress"),L=require("@skdx/web-components/skeleton"),M=require("@skdx/web-components/text"),R=require("@skdx/web-components/visually-hidden");var $="data-skdx-stat-card-generated",f=0;function c(a,e,s){s===void 0?a.removeAttribute(e):a.setAttribute(e,s)}var n=class extends t.LitElement{constructor(){super(...arguments);this.loading=!1;this.labelId=`skdx-stat-card-label-${++f}`}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group"),this.setAttribute("aria-labelledby",this.labelId),queueMicrotask(()=>this.requestUpdate())}region(s){return this.querySelector(`.skdx-stat-card__${s}`)}hasSlotted(s){return this.querySelector(`[slot="${s}"], [data-skdx-slot="${s}"]`)!==null}updated(){c(this,"data-trend",this.trend),c(this,"data-sentiment",this.sentiment),c(this,"data-state",this.loading?"loading":void 0),c(this,"aria-busy",this.loading?"true":void 0),(0,m.placeSlotted)(this,$,{value:this.querySelector(".skdx-stat-card__value skdx-text"),icon:this.region("icon"),"trend-icon":this.region("trend-icon"),visual:this.region("visual"),footer:this.region("footer"),actions:this.region("actions")},null)}trendRegion(){return t.html`<span
       class="skdx-stat-card__trend"
       data-trend=${this.trend??t.nothing}
       data-sentiment=${this.sentiment??t.nothing}

package/dist/stat-card/StatCard.js

@@ -1,18 +1,18 @@
-var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var i=(l,n,a,o)=>{for(var r=o>1?void 0:o?g(n,a):n,h=l.length-1,u;h>=0;h--)(u=l[h])&&(r=(o?u(n,a,r):u(r))||r);return o&&r&&p(n,a,r),r};import{html as s,LitElement as m,nothing as t}from"lit";import{property as d}from"lit/decorators.js";import{customElement as v}from"../internal/define.js";import{placeSlotted as x}from"../internal/slots.js";import"@skdx/web-components/progress";import"@skdx/web-components/skeleton";import"@skdx/web-components/text";import"@skdx/web-components/visually-hidden";var b="data-skdx-stat-card-generated",k=0;function c(l,n,a){a===void 0?l.removeAttribute(n):l.setAttribute(n,a)}var e=class extends m{constructor(){super(...arguments);this.loading=!1;this.labelId=`skdx-stat-card-label-${++k}`}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group"),this.setAttribute("aria-labelledby",this.labelId),queueMicrotask(()=>this.requestUpdate())}region(a){return this.querySelector(`.skdx-stat-card__${a}`)}hasSlotted(a){return this.querySelector(`[slot="${a}"]`)!==null}updated(){c(this,"data-trend",this.trend),c(this,"data-sentiment",this.sentiment),c(this,"data-state",this.loading?"loading":void 0),c(this,"aria-busy",this.loading?"true":void 0),x(this,b,{value:this.querySelector(".skdx-stat-card__value skdx-text"),icon:this.region("icon"),"trend-icon":this.region("trend-icon"),visual:this.region("visual"),footer:this.region("footer"),actions:this.region("actions")},null)}trendRegion(){return s`<span
+var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var i=(l,n,s,o)=>{for(var r=o>1?void 0:o?g(n,s):n,h=l.length-1,u;h>=0;h--)(u=l[h])&&(r=(o?u(n,s,r):u(r))||r);return o&&r&&p(n,s,r),r};import{html as a,LitElement as m,nothing as t}from"lit";import{property as d}from"lit/decorators.js";import{customElement as v}from"../internal/define.js";import{placeSlotted as x}from"../internal/slots.js";import"@skdx/web-components/progress";import"@skdx/web-components/skeleton";import"@skdx/web-components/text";import"@skdx/web-components/visually-hidden";var b="data-skdx-stat-card-generated",k=0;function c(l,n,s){s===void 0?l.removeAttribute(n):l.setAttribute(n,s)}var e=class extends m{constructor(){super(...arguments);this.loading=!1;this.labelId=`skdx-stat-card-label-${++k}`}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group"),this.setAttribute("aria-labelledby",this.labelId),queueMicrotask(()=>this.requestUpdate())}region(s){return this.querySelector(`.skdx-stat-card__${s}`)}hasSlotted(s){return this.querySelector(`[slot="${s}"], [data-skdx-slot="${s}"]`)!==null}updated(){c(this,"data-trend",this.trend),c(this,"data-sentiment",this.sentiment),c(this,"data-state",this.loading?"loading":void 0),c(this,"aria-busy",this.loading?"true":void 0),x(this,b,{value:this.querySelector(".skdx-stat-card__value skdx-text"),icon:this.region("icon"),"trend-icon":this.region("trend-icon"),visual:this.region("visual"),footer:this.region("footer"),actions:this.region("actions")},null)}trendRegion(){return a`<span
       class="skdx-stat-card__trend"
       data-trend=${this.trend??t}
       data-sentiment=${this.sentiment??t}
     >
-      ${this.hasSlotted("trend-icon")?s`<span
+      ${this.hasSlotted("trend-icon")?a`<span
               class="skdx-stat-card__trend-icon"
               aria-hidden="true"
-            ></span>`:t}${this.changeLabel?s`<skdx-visually-hidden>${this.changeLabel}</skdx-visually-hidden>`:t}${this.change}
-    </span>`}render(){return s`
+            ></span>`:t}${this.changeLabel?a`<skdx-visually-hidden>${this.changeLabel}</skdx-visually-hidden>`:t}${this.change}
+    </span>`}render(){return a`
       <div
         class="skdx-stat-card__header"
         data-skdx-stat-card-generated
       >
-        ${this.hasSlotted("icon")?s`<span
+        ${this.hasSlotted("icon")?a`<span
                 class="skdx-stat-card__icon"
                 aria-hidden="true"
               ></span>`:t}
@@ -21,14 +21,14 @@ var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var i=(l,n,a,o
           id=${this.labelId}
           >${this.label??""}</span
         >
-        ${this.hasSlotted("actions")?s`<div class="skdx-stat-card__actions"></div>`:t}
+        ${this.hasSlotted("actions")?a`<div class="skdx-stat-card__actions"></div>`:t}
       </div>
       <div
         class="skdx-stat-card__body"
         data-skdx-stat-card-generated
       >
         <span class="skdx-stat-card__value">
-          ${this.loading?s`<skdx-skeleton .shape=${"line"}></skdx-skeleton>`:t}
+          ${this.loading?a`<skdx-skeleton .shape=${"line"}></skdx-skeleton>`:t}
           <skdx-text
             as="span"
             .variant=${"numeric"}
@@ -37,24 +37,24 @@ var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var i=(l,n,a,o
         </span>
         ${this.change!==void 0&&!this.loading?this.trendRegion():t}
       </div>
-      ${this.description?s`<skdx-text
+      ${this.description?a`<skdx-text
               class="skdx-stat-card__description"
               as="p"
               .tone=${"muted"}
               data-skdx-stat-card-generated
               >${this.description}</skdx-text
             >`:t}
-      ${typeof this.progress=="number"?s`<skdx-progress
+      ${typeof this.progress=="number"?a`<skdx-progress
               class="skdx-stat-card__progress"
               .value=${this.progress}
               aria-labelledby=${this.labelId}
               data-skdx-stat-card-generated
             ></skdx-progress>`:t}
-      ${this.hasSlotted("visual")?s`<div
+      ${this.hasSlotted("visual")?a`<div
               class="skdx-stat-card__visual"
               data-skdx-stat-card-generated
             ></div>`:t}
-      ${this.hasSlotted("footer")?s`<div
+      ${this.hasSlotted("footer")?a`<div
               class="skdx-stat-card__footer"
               data-skdx-stat-card-generated
             ></div>`:t}

package/dist/usage-card/UsageCard.cjs

@@ -1,4 +1,4 @@
-"use strict";var m=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var $=(r,t)=>{for(var e in t)m(r,e,{get:t[e],enumerable:!0})},_=(r,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of v(t))!x.call(r,i)&&i!==e&&m(r,i,{get:()=>t[i],enumerable:!(n=c(t,i))||n.enumerable});return r};var k=r=>_(m({},"__esModule",{value:!0}),r),d=(r,t,e,n)=>{for(var i=n>1?void 0:n?c(t,e):t,u=r.length-1,o;u>=0;u--)(o=r[u])&&(i=(n?o(t,e,i):o(i))||i);return n&&i&&m(t,e,i),i};var T={};$(T,{SkdxUsageCard:()=>a});module.exports=k(T);var s=require("lit"),l=require("lit/decorators.js"),h=require("../internal/define.cjs"),f=require("../internal/slots.cjs"),g=require("./usage.cjs"),R=require("@skdx/web-components/progress"),A=require("@skdx/web-components/text");var y="data-skdx-usage-card-generated",L=0;function p(r,t,e){e===void 0?r.removeAttribute(t):r.setAttribute(t,e)}var a=class extends s.LitElement{constructor(){super(...arguments);this.unlimitedLabel="Unlimited";this.labelId=`skdx-usage-card-label-${++L}`}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group"),this.setAttribute("aria-labelledby",this.labelId),queueMicrotask(()=>this.requestUpdate())}region(e){return this.querySelector(`.skdx-usage-card__${e}`)}hasSlotted(e){return this.querySelector(`[slot="${e}"]`)!==null}get format(){return this.formatValue??String}get reading(){if(this.limit===null)return{limitText:this.unlimitedLabel,overLimit:!1,range:null};if(this.limit===void 0)return{limitText:void 0,overLimit:!1,range:null};let e=(0,g.usageMeter)(this.used??0,this.limit);return{limitText:`/ ${this.format(e.limit)}`,overLimit:e.overLimit,range:e.range}}updated(){p(this,"data-state",this.reading.overLimit?"over-limit":void 0),p(this,"data-status",this.status),(0,f.placeSlotted)(this,y,{actions:this.region("actions"),footer:this.region("footer")},null)}render(){let{limitText:e,range:n}=this.reading,i=this.format,u=this.unit?` ${this.unit}`:"";return s.html`
+"use strict";var m=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var $=(r,t)=>{for(var e in t)m(r,e,{get:t[e],enumerable:!0})},_=(r,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of v(t))!x.call(r,i)&&i!==e&&m(r,i,{get:()=>t[i],enumerable:!(n=c(t,i))||n.enumerable});return r};var k=r=>_(m({},"__esModule",{value:!0}),r),d=(r,t,e,n)=>{for(var i=n>1?void 0:n?c(t,e):t,u=r.length-1,o;u>=0;u--)(o=r[u])&&(i=(n?o(t,e,i):o(i))||i);return n&&i&&m(t,e,i),i};var T={};$(T,{SkdxUsageCard:()=>a});module.exports=k(T);var s=require("lit"),l=require("lit/decorators.js"),h=require("../internal/define.cjs"),f=require("../internal/slots.cjs"),g=require("./usage.cjs"),R=require("@skdx/web-components/progress"),A=require("@skdx/web-components/text");var y="data-skdx-usage-card-generated",L=0;function p(r,t,e){e===void 0?r.removeAttribute(t):r.setAttribute(t,e)}var a=class extends s.LitElement{constructor(){super(...arguments);this.unlimitedLabel="Unlimited";this.labelId=`skdx-usage-card-label-${++L}`}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group"),this.setAttribute("aria-labelledby",this.labelId),queueMicrotask(()=>this.requestUpdate())}region(e){return this.querySelector(`.skdx-usage-card__${e}`)}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}get format(){return this.formatValue??String}get reading(){if(this.limit===null)return{limitText:this.unlimitedLabel,overLimit:!1,range:null};if(this.limit===void 0)return{limitText:void 0,overLimit:!1,range:null};let e=(0,g.usageMeter)(this.used??0,this.limit);return{limitText:`/ ${this.format(e.limit)}`,overLimit:e.overLimit,range:e.range}}updated(){p(this,"data-state",this.reading.overLimit?"over-limit":void 0),p(this,"data-status",this.status),(0,f.placeSlotted)(this,y,{actions:this.region("actions"),footer:this.region("footer")},null)}render(){let{limitText:e,range:n}=this.reading,i=this.format,u=this.unit?` ${this.unit}`:"";return s.html`
       <div
         class="skdx-usage-card__header"
         data-skdx-usage-card-generated

package/dist/usage-card/UsageCard.js

@@ -1,4 +1,4 @@
-var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var s=(l,r,e,a)=>{for(var i=a>1?void 0:a?h(r,e):r,o=l.length-1,m;o>=0;o--)(m=l[o])&&(i=(a?m(r,e,i):m(i))||i);return a&&i&&p(r,e,i),i};import{html as d,LitElement as f,nothing as u}from"lit";import{property as n}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";import{placeSlotted as v}from"../internal/slots.js";import{normalizeUsage as x,usageMeter as $}from"./usage.js";import"@skdx/web-components/progress";import"@skdx/web-components/text";var _="data-skdx-usage-card-generated",k=0;function g(l,r,e){e===void 0?l.removeAttribute(r):l.setAttribute(r,e)}var t=class extends f{constructor(){super(...arguments);this.unlimitedLabel="Unlimited";this.labelId=`skdx-usage-card-label-${++k}`}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group"),this.setAttribute("aria-labelledby",this.labelId),queueMicrotask(()=>this.requestUpdate())}region(e){return this.querySelector(`.skdx-usage-card__${e}`)}hasSlotted(e){return this.querySelector(`[slot="${e}"]`)!==null}get format(){return this.formatValue??String}get reading(){if(this.limit===null)return{limitText:this.unlimitedLabel,overLimit:!1,range:null};if(this.limit===void 0)return{limitText:void 0,overLimit:!1,range:null};let e=$(this.used??0,this.limit);return{limitText:`/ ${this.format(e.limit)}`,overLimit:e.overLimit,range:e.range}}updated(){g(this,"data-state",this.reading.overLimit?"over-limit":void 0),g(this,"data-status",this.status),v(this,_,{actions:this.region("actions"),footer:this.region("footer")},null)}render(){let{limitText:e,range:a}=this.reading,i=this.format,o=this.unit?` ${this.unit}`:"";return d`
+var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var s=(l,r,e,a)=>{for(var i=a>1?void 0:a?h(r,e):r,o=l.length-1,m;o>=0;o--)(m=l[o])&&(i=(a?m(r,e,i):m(i))||i);return a&&i&&p(r,e,i),i};import{html as d,LitElement as f,nothing as u}from"lit";import{property as n}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";import{placeSlotted as v}from"../internal/slots.js";import{normalizeUsage as x,usageMeter as $}from"./usage.js";import"@skdx/web-components/progress";import"@skdx/web-components/text";var _="data-skdx-usage-card-generated",k=0;function g(l,r,e){e===void 0?l.removeAttribute(r):l.setAttribute(r,e)}var t=class extends f{constructor(){super(...arguments);this.unlimitedLabel="Unlimited";this.labelId=`skdx-usage-card-label-${++k}`}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group"),this.setAttribute("aria-labelledby",this.labelId),queueMicrotask(()=>this.requestUpdate())}region(e){return this.querySelector(`.skdx-usage-card__${e}`)}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}get format(){return this.formatValue??String}get reading(){if(this.limit===null)return{limitText:this.unlimitedLabel,overLimit:!1,range:null};if(this.limit===void 0)return{limitText:void 0,overLimit:!1,range:null};let e=$(this.used??0,this.limit);return{limitText:`/ ${this.format(e.limit)}`,overLimit:e.overLimit,range:e.range}}updated(){g(this,"data-state",this.reading.overLimit?"over-limit":void 0),g(this,"data-status",this.status),v(this,_,{actions:this.region("actions"),footer:this.region("footer")},null)}render(){let{limitText:e,range:a}=this.reading,i=this.format,o=this.unit?` ${this.unit}`:"";return d`
       <div
         class="skdx-usage-card__header"
         data-skdx-usage-card-generated

package/dist/user-menu/UserMenu.cjs

@@ -1,4 +1,4 @@
-"use strict";var m=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var k=(t,e)=>{for(var a in e)m(t,a,{get:e[a],enumerable:!0})},f=(t,e,a,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of h(e))!v.call(t,r)&&r!==a&&m(t,r,{get:()=>e[r],enumerable:!(d=p(e,r))||d.enumerable});return t};var x=t=>f(m({},"__esModule",{value:!0}),t),i=(t,e,a,d)=>{for(var r=d>1?void 0:d?p(e,a):e,u=t.length-1,l;u>=0;u--)(l=t[u])&&(r=(d?l(e,a,r):l(r))||r);return d&&r&&m(e,a,r),r};var T={};k(T,{SkdxUserMenu:()=>s});module.exports=x(T);var n=require("lit"),o=require("lit/decorators.js"),c=require("../internal/define.cjs"),g=require("../internal/slots.cjs"),y=require("@skdx/web-components/avatar"),E=require("@skdx/web-components/primitives/menu");var _="data-skdx-user-menu-generated",b={fromAttribute:t=>t!=="false"},s=class extends n.LitElement{constructor(){super(...arguments);this.defaultOpen=!1;this.side="bottom";this.align="end"}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.requestUpdate())}get hasTrigger(){return this.querySelector('[slot="trigger"]')!==null}updated(){this.variant&&!this.hasTrigger?this.setAttribute("data-variant",this.variant):this.removeAttribute("data-variant");let a=this.querySelector("skdx-menu-trigger");(0,g.placeSlotted)(this,_,{trigger:a,status:a},this.querySelector("skdx-menu-content"))}derivedTrigger(){return n.html`<skdx-avatar
+"use strict";var u=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var k=(t,e)=>{for(var a in e)u(t,a,{get:e[a],enumerable:!0})},x=(t,e,a,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of h(e))!v.call(t,s)&&s!==a&&u(t,s,{get:()=>e[s],enumerable:!(d=p(e,s))||d.enumerable});return t};var f=t=>x(u({},"__esModule",{value:!0}),t),i=(t,e,a,d)=>{for(var s=d>1?void 0:d?p(e,a):e,l=t.length-1,m;l>=0;l--)(m=t[l])&&(s=(d?m(e,a,s):m(s))||s);return d&&s&&u(e,a,s),s};var y={};k(y,{SkdxUserMenu:()=>r});module.exports=f(y);var n=require("lit"),o=require("lit/decorators.js"),c=require("../internal/define.cjs"),g=require("../internal/slots.cjs"),$=require("@skdx/web-components/avatar"),E=require("@skdx/web-components/primitives/menu");var _="data-skdx-user-menu-generated",b={fromAttribute:t=>t!=="false"},r=class extends n.LitElement{constructor(){super(...arguments);this.defaultOpen=!1;this.side="bottom";this.align="end"}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.style.display="contents",queueMicrotask(()=>this.requestUpdate())}get hasTrigger(){return this.querySelector('[slot="trigger"], [data-skdx-slot="trigger"]')!==null}updated(){this.variant&&!this.hasTrigger?this.setAttribute("data-variant",this.variant):this.removeAttribute("data-variant");let a=this.querySelector("skdx-menu-trigger");(0,g.placeSlotted)(this,_,{trigger:a,status:a},this.querySelector("skdx-menu-content"))}derivedTrigger(){return n.html`<skdx-avatar
         class="skdx-user-menu__avatar"
         src=${this.avatarSrc??n.nothing}
         name=${this.name??n.nothing}
@@ -14,7 +14,9 @@
         .open=${this.open}
         ?default-open=${this.defaultOpen}
       >
-        <skdx-menu-trigger>${this.hasTrigger?n.nothing:this.derivedTrigger()}</skdx-menu-trigger>
+        <skdx-menu-trigger class="skdx-user-menu"
+          >${this.hasTrigger?n.nothing:this.derivedTrigger()}</skdx-menu-trigger
+        >
         <skdx-menu-content
           class="skdx-user-menu__content"
           side=${this.side}
@@ -27,4 +29,4 @@
           <skdx-menu-separator></skdx-menu-separator>
         </skdx-menu-content>
       </skdx-menu-root>
-    `}};i([(0,o.property)({type:String})],s.prototype,"name",2),i([(0,o.property)({type:String})],s.prototype,"description",2),i([(0,o.property)({type:String,attribute:"avatar-src"})],s.prototype,"avatarSrc",2),i([(0,o.property)({type:String})],s.prototype,"variant",2),i([(0,o.property)({converter:b})],s.prototype,"open",2),i([(0,o.property)({type:Boolean,attribute:"default-open"})],s.prototype,"defaultOpen",2),i([(0,o.property)({type:String})],s.prototype,"side",2),i([(0,o.property)({type:String})],s.prototype,"align",2),s=i([(0,c.customElement)("skdx-user-menu","user-menu","root")],s);0&&(module.exports={SkdxUserMenu});
+    `}};i([(0,o.property)({type:String})],r.prototype,"name",2),i([(0,o.property)({type:String})],r.prototype,"description",2),i([(0,o.property)({type:String,attribute:"avatar-src"})],r.prototype,"avatarSrc",2),i([(0,o.property)({type:String})],r.prototype,"variant",2),i([(0,o.property)({converter:b})],r.prototype,"open",2),i([(0,o.property)({type:Boolean,attribute:"default-open"})],r.prototype,"defaultOpen",2),i([(0,o.property)({type:String})],r.prototype,"side",2),i([(0,o.property)({type:String})],r.prototype,"align",2),r=i([(0,c.customElement)("skdx-user-menu","user-menu","root")],r);0&&(module.exports={SkdxUserMenu});