@skdx/web-components-blocks 0.36.0 → 0.37.0

package/dist/filter-bar/FilterBar.cjs

@@ -1,4 +1,4 @@
-"use strict";var o=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var x=(s,r)=>{for(var e in r)o(s,e,{get:r[e],enumerable:!0})},k=(s,r,e,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of g(r))!m.call(s,a)&&a!==e&&o(s,a,{get:()=>r[a],enumerable:!(t=p(r,a))||t.enumerable});return s};var y=s=>k(o({},"__esModule",{value:!0}),s),n=(s,r,e,t)=>{for(var a=t>1?void 0:t?p(r,e):r,u=s.length-1,b;u>=0;u--)(b=s[u])&&(a=(t?b(r,e,a):b(a))||a);return t&&a&&o(r,e,a),a};var S={};x(S,{SkdxFilterBar:()=>l});module.exports=y(S);var i=require("lit"),d=require("lit/decorators.js"),f=require("../internal/define.cjs"),c=require("../internal/events.cjs"),h=require("../internal/slots.cjs"),_=require("@skdx/web-components/button"),L=require("@skdx/web-components/tag-group"),E=require("@skdx/web-components/text-field");var v="data-skdx-filter-bar-generated",l=class extends i.LitElement{constructor(){super(...arguments);this.label="Filters";this.defaultSearchValue="";this.clearSearchLabel="Clear search";this.activeFiltersLabel="Active filters";this.clearLabel="Clear filters";this.handleSearchValueChange=e=>{e.stopPropagation();let t=e.detail;this.uncontrolledSearchValue=t,this.requestUpdate(),(0,c.emit)(this,"search-value-change",{value:t}),this.syncSearchField()};this.handleRemove=e=>{e.stopPropagation();let{index:t}=e.detail,a=(this.activeFilters??[])[t];a&&(0,c.emit)(this,"remove-filter",a)};this.handleClear=()=>{(0,c.emit)(this,"clear")}}createRenderRoot(){return this}get searchText(){return this.searchValue??this.uncontrolledSearchValue??this.defaultSearchValue}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.requestUpdate())}region(e){return this.querySelector(`.skdx-filter-bar__${e}`)}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}get hasFilters(){return(0,h.hasUnslottedChild)(this,v)||(this.region("filters")?.hasChildNodes()??!1)}syncSearchField(){let e=this.querySelector(".skdx-filter-bar__search > skdx-text-field");if(!e)return;let t=this.searchText;e.value!==t&&(e.value=t);let a=e.querySelector("input");a&&a.value!==t&&(a.value=t)}updated(){this.setAttribute("aria-label",this.label),this.syncSearchField(),(0,h.placeSlotted)(this,v,{actions:this.region("actions")},this.region("filters"))}render(){let e=this.activeFilters??[];return i.html`
+"use strict";var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var L=(n,a)=>{for(var e in a)d(n,e,{get:a[e],enumerable:!0})},E=(n,a,e,t)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of g(a))!m.call(n,r)&&r!==e&&d(n,r,{get:()=>a[r],enumerable:!(t=p(a,r))||t.enumerable});return n};var x=n=>E(d({},"__esModule",{value:!0}),n),l=(n,a,e,t)=>{for(var r=t>1?void 0:t?p(a,e):a,v=n.length-1,u;v>=0;v--)(u=n[v])&&(r=(t?u(a,e,r):u(r))||r);return t&&r&&d(a,e,r),r};var k={};L(k,{SkdxFilterBar:()=>s});module.exports=x(k);var i=require("lit"),o=require("lit/decorators.js"),f=require("../internal/define.cjs"),c=require("../internal/events.cjs"),h=require("../internal/slots.cjs"),M=require("@skdx/web-components/button"),S=require("@skdx/web-components/tag-group"),$=require("@skdx/web-components/text-field");var b="data-skdx-filter-bar-generated",s=class extends i.LitElement{constructor(){super(...arguments);this.label="Filters";this.defaultSearchValue="";this.clearSearchLabel="Clear search";this.activeFiltersLabel="Active filters";this.clearLabel="Clear filters";this.clearListeners=0;this.handleSearchValueChange=e=>{e.stopPropagation();let t=e.detail;this.uncontrolledSearchValue=t,this.requestUpdate(),(0,c.emit)(this,"search-value-change",{value:t}),this.syncSearchField()};this.handleRemove=e=>{e.stopPropagation();let{index:t}=e.detail,r=(this.activeFilters??[])[t];r&&(0,c.emit)(this,"remove-filter",r)};this.handleClear=()=>{(0,c.emit)(this,"clear")}}createRenderRoot(){return this}get searchText(){return this.searchValue??this.uncontrolledSearchValue??this.defaultSearchValue}addEventListener(e,t,r){super.addEventListener(e,t,r),this.countClearListener(e,1)}removeEventListener(e,t,r){super.removeEventListener(e,t,r),this.countClearListener(e,-1)}countClearListener(e,t){e==="clear"&&(this.clearListeners=Math.max(0,this.clearListeners+t),this.requestUpdate())}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.requestUpdate())}region(e){return this.querySelector(`.skdx-filter-bar__${e}`)}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}get hasFilters(){return(0,h.hasUnslottedChild)(this,b)||(this.region("filters")?.hasChildNodes()??!1)}syncSearchField(){let e=this.querySelector(".skdx-filter-bar__search > skdx-text-field");if(!e)return;let t=this.searchText;e.value!==t&&(e.value=t);let r=e.querySelector("input");r&&r.value!==t&&(r.value=t)}updated(){this.setAttribute("aria-label",this.label),this.syncSearchField(),(0,h.placeSlotted)(this,b,{actions:this.region("actions")},this.region("filters"))}render(){let e=this.activeFilters??[];return i.html`
       ${this.searchLabel?i.html`<div
               class="skdx-filter-bar__search"
               data-skdx-filter-bar-generated
@@ -33,12 +33,12 @@
                 .tags=${e.map(t=>({value:t.id,label:t.label}))}
                 @remove=${this.handleRemove}
               ></skdx-tag-group>
-              <skdx-button
-                class="skdx-filter-bar__clear"
-                .variant=${"ghost"}
-                .size=${"sm"}
-                @click=${this.handleClear}
-                >${this.clearLabel}</skdx-button
-              >
+              ${this.clearListeners>0?i.html`<skdx-button
+                      class="skdx-filter-bar__clear"
+                      .variant=${"ghost"}
+                      .size=${"sm"}
+                      @click=${this.handleClear}
+                      >${this.clearLabel}</skdx-button
+                    >`:i.nothing}
             </div>`:i.nothing}
-    `}};n([(0,d.property)({type:String})],l.prototype,"label",2),n([(0,d.property)({type:String,attribute:"search-label"})],l.prototype,"searchLabel",2),n([(0,d.property)({type:String,attribute:"search-placeholder"})],l.prototype,"searchPlaceholder",2),n([(0,d.property)({type:String,attribute:"search-value"})],l.prototype,"searchValue",2),n([(0,d.property)({type:String,attribute:"default-search-value"})],l.prototype,"defaultSearchValue",2),n([(0,d.property)({type:String,attribute:"clear-search-label"})],l.prototype,"clearSearchLabel",2),n([(0,d.property)({attribute:!1})],l.prototype,"activeFilters",2),n([(0,d.property)({type:String,attribute:"active-filters-label"})],l.prototype,"activeFiltersLabel",2),n([(0,d.property)({type:String,attribute:"clear-label"})],l.prototype,"clearLabel",2),l=n([(0,f.customElement)("skdx-filter-bar","filter-bar","root")],l);0&&(module.exports={SkdxFilterBar});
+    `}};l([(0,o.property)({type:String})],s.prototype,"label",2),l([(0,o.property)({type:String,attribute:"search-label"})],s.prototype,"searchLabel",2),l([(0,o.property)({type:String,attribute:"search-placeholder"})],s.prototype,"searchPlaceholder",2),l([(0,o.property)({type:String,attribute:"search-value"})],s.prototype,"searchValue",2),l([(0,o.property)({type:String,attribute:"default-search-value"})],s.prototype,"defaultSearchValue",2),l([(0,o.property)({type:String,attribute:"clear-search-label"})],s.prototype,"clearSearchLabel",2),l([(0,o.property)({attribute:!1})],s.prototype,"activeFilters",2),l([(0,o.property)({type:String,attribute:"active-filters-label"})],s.prototype,"activeFiltersLabel",2),l([(0,o.property)({type:String,attribute:"clear-label"})],s.prototype,"clearLabel",2),s=l([(0,f.customElement)("skdx-filter-bar","filter-bar","root")],s);0&&(module.exports={SkdxFilterBar});

package/dist/filter-bar/FilterBar.d.cts

@@ -91,6 +91,15 @@ export declare class SkdxFilterBar extends LitElement {
     private uncontrolledSearchValue?;
     /** The text the search field must show right now, controlled or not. */
     private get searchText();
+    /** How many `clear` listeners are bound; the clear button renders only while one is. */
+    private clearListeners;
+    /** @internal Standard DOM registration, counted so the clear button knows it has a listener. */
+    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    /** @internal Standard DOM removal, counted so the clear button knows it lost its listener. */
+    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    private countClearListener;
     connectedCallback(): void;
     private region;
     /** Whether the consumer supplied anything for `name` — still true once it has been moved in. */

package/dist/filter-bar/FilterBar.d.ts

@@ -91,6 +91,15 @@ export declare class SkdxFilterBar extends LitElement {
     private uncontrolledSearchValue?;
     /** The text the search field must show right now, controlled or not. */
     private get searchText();
+    /** How many `clear` listeners are bound; the clear button renders only while one is. */
+    private clearListeners;
+    /** @internal Standard DOM registration, counted so the clear button knows it has a listener. */
+    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    /** @internal Standard DOM removal, counted so the clear button knows it lost its listener. */
+    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    private countClearListener;
     connectedCallback(): void;
     private region;
     /** Whether the consumer supplied anything for `name` — still true once it has been moved in. */

package/dist/filter-bar/FilterBar.js

@@ -1,28 +1,28 @@
-var p=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var i=(o,n,e,t)=>{for(var a=t>1?void 0:t?v(n,e):n,c=o.length-1,h;c>=0;c--)(h=o[c])&&(a=(t?h(n,e,a):h(a))||a);return t&&a&&p(n,e,a),a};import{html as d,LitElement as f,nothing as s}from"lit";import{property as l}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";import{emit as u}from"../internal/events.js";import{hasUnslottedChild as m,placeSlotted as x}from"../internal/slots.js";import"@skdx/web-components/button";import"@skdx/web-components/tag-group";import"@skdx/web-components/text-field";var b="data-skdx-filter-bar-generated",r=class extends f{constructor(){super(...arguments);this.label="Filters";this.defaultSearchValue="";this.clearSearchLabel="Clear search";this.activeFiltersLabel="Active filters";this.clearLabel="Clear filters";this.handleSearchValueChange=e=>{e.stopPropagation();let t=e.detail;this.uncontrolledSearchValue=t,this.requestUpdate(),u(this,"search-value-change",{value:t}),this.syncSearchField()};this.handleRemove=e=>{e.stopPropagation();let{index:t}=e.detail,a=(this.activeFilters??[])[t];a&&u(this,"remove-filter",a)};this.handleClear=()=>{u(this,"clear")}}createRenderRoot(){return this}get searchText(){return this.searchValue??this.uncontrolledSearchValue??this.defaultSearchValue}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.requestUpdate())}region(e){return this.querySelector(`.skdx-filter-bar__${e}`)}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}get hasFilters(){return m(this,b)||(this.region("filters")?.hasChildNodes()??!1)}syncSearchField(){let e=this.querySelector(".skdx-filter-bar__search > skdx-text-field");if(!e)return;let t=this.searchText;e.value!==t&&(e.value=t);let a=e.querySelector("input");a&&a.value!==t&&(a.value=t)}updated(){this.setAttribute("aria-label",this.label),this.syncSearchField(),x(this,b,{actions:this.region("actions")},this.region("filters"))}render(){let e=this.activeFilters??[];return d`
-      ${this.searchLabel?d`<div
+var p=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var a=(d,o,e,t)=>{for(var r=t>1?void 0:t?b(o,e):o,c=d.length-1,h;c>=0;c--)(h=d[c])&&(r=(t?h(o,e,r):h(r))||r);return t&&r&&p(o,e,r),r};import{html as l,LitElement as f,nothing as n}from"lit";import{property as s}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";import{emit as v}from"../internal/events.js";import{hasUnslottedChild as m,placeSlotted as L}from"../internal/slots.js";import"@skdx/web-components/button";import"@skdx/web-components/tag-group";import"@skdx/web-components/text-field";var u="data-skdx-filter-bar-generated",i=class extends f{constructor(){super(...arguments);this.label="Filters";this.defaultSearchValue="";this.clearSearchLabel="Clear search";this.activeFiltersLabel="Active filters";this.clearLabel="Clear filters";this.clearListeners=0;this.handleSearchValueChange=e=>{e.stopPropagation();let t=e.detail;this.uncontrolledSearchValue=t,this.requestUpdate(),v(this,"search-value-change",{value:t}),this.syncSearchField()};this.handleRemove=e=>{e.stopPropagation();let{index:t}=e.detail,r=(this.activeFilters??[])[t];r&&v(this,"remove-filter",r)};this.handleClear=()=>{v(this,"clear")}}createRenderRoot(){return this}get searchText(){return this.searchValue??this.uncontrolledSearchValue??this.defaultSearchValue}addEventListener(e,t,r){super.addEventListener(e,t,r),this.countClearListener(e,1)}removeEventListener(e,t,r){super.removeEventListener(e,t,r),this.countClearListener(e,-1)}countClearListener(e,t){e==="clear"&&(this.clearListeners=Math.max(0,this.clearListeners+t),this.requestUpdate())}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.requestUpdate())}region(e){return this.querySelector(`.skdx-filter-bar__${e}`)}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}get hasFilters(){return m(this,u)||(this.region("filters")?.hasChildNodes()??!1)}syncSearchField(){let e=this.querySelector(".skdx-filter-bar__search > skdx-text-field");if(!e)return;let t=this.searchText;e.value!==t&&(e.value=t);let r=e.querySelector("input");r&&r.value!==t&&(r.value=t)}updated(){this.setAttribute("aria-label",this.label),this.syncSearchField(),L(this,u,{actions:this.region("actions")},this.region("filters"))}render(){let e=this.activeFilters??[];return l`
+      ${this.searchLabel?l`<div
               class="skdx-filter-bar__search"
               data-skdx-filter-bar-generated
             >
               <skdx-text-field @value-change=${this.handleSearchValueChange}>
                 <skdx-text-field-input
                   type="search"
-                  aria-label=${this.searchLabel??s}
-                  placeholder=${this.searchPlaceholder??s}
+                  aria-label=${this.searchLabel??n}
+                  placeholder=${this.searchPlaceholder??n}
                 ></skdx-text-field-input>
                 <skdx-text-field-clear-button
                   label=${this.clearSearchLabel}
                 ></skdx-text-field-clear-button>
               </skdx-text-field>
-            </div>`:s}
-      ${this.hasFilters?d`<div
+            </div>`:n}
+      ${this.hasFilters?l`<div
               class="skdx-filter-bar__filters"
               data-skdx-filter-bar-generated
-            ></div>`:s}
-      ${this.hasSlotted("actions")?d`<div
+            ></div>`:n}
+      ${this.hasSlotted("actions")?l`<div
               class="skdx-filter-bar__actions"
               data-skdx-filter-bar-generated
-            ></div>`:s}
-      ${e.length>0?d`<div
+            ></div>`:n}
+      ${e.length>0?l`<div
               class="skdx-filter-bar__active"
               data-skdx-filter-bar-generated
             >
@@ -33,12 +33,12 @@ var p=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var i=(o,n,e,t
                 .tags=${e.map(t=>({value:t.id,label:t.label}))}
                 @remove=${this.handleRemove}
               ></skdx-tag-group>
-              <skdx-button
-                class="skdx-filter-bar__clear"
-                .variant=${"ghost"}
-                .size=${"sm"}
-                @click=${this.handleClear}
-                >${this.clearLabel}</skdx-button
-              >
-            </div>`:s}
-    `}};i([l({type:String})],r.prototype,"label",2),i([l({type:String,attribute:"search-label"})],r.prototype,"searchLabel",2),i([l({type:String,attribute:"search-placeholder"})],r.prototype,"searchPlaceholder",2),i([l({type:String,attribute:"search-value"})],r.prototype,"searchValue",2),i([l({type:String,attribute:"default-search-value"})],r.prototype,"defaultSearchValue",2),i([l({type:String,attribute:"clear-search-label"})],r.prototype,"clearSearchLabel",2),i([l({attribute:!1})],r.prototype,"activeFilters",2),i([l({type:String,attribute:"active-filters-label"})],r.prototype,"activeFiltersLabel",2),i([l({type:String,attribute:"clear-label"})],r.prototype,"clearLabel",2),r=i([g("skdx-filter-bar","filter-bar","root")],r);export{r as SkdxFilterBar};
+              ${this.clearListeners>0?l`<skdx-button
+                      class="skdx-filter-bar__clear"
+                      .variant=${"ghost"}
+                      .size=${"sm"}
+                      @click=${this.handleClear}
+                      >${this.clearLabel}</skdx-button
+                    >`:n}
+            </div>`:n}
+    `}};a([s({type:String})],i.prototype,"label",2),a([s({type:String,attribute:"search-label"})],i.prototype,"searchLabel",2),a([s({type:String,attribute:"search-placeholder"})],i.prototype,"searchPlaceholder",2),a([s({type:String,attribute:"search-value"})],i.prototype,"searchValue",2),a([s({type:String,attribute:"default-search-value"})],i.prototype,"defaultSearchValue",2),a([s({type:String,attribute:"clear-search-label"})],i.prototype,"clearSearchLabel",2),a([s({attribute:!1})],i.prototype,"activeFilters",2),a([s({type:String,attribute:"active-filters-label"})],i.prototype,"activeFiltersLabel",2),a([s({type:String,attribute:"clear-label"})],i.prototype,"clearLabel",2),i=a([g("skdx-filter-bar","filter-bar","root")],i);export{i as SkdxFilterBar};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var i=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var N=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},U=(t,e,r,x)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of F(e))!L.call(t,o)&&o!==r&&i(t,o,{get:()=>e[o],enumerable:!(x=v(e,o))||x.enumerable});return t};var B=t=>U(i({},"__esModule",{value:!0}),t);var O={};N(O,{SkdxChatComposer:()=>P.SkdxChatComposer,SkdxChatMessage:()=>h.SkdxChatMessage,SkdxComment:()=>g.SkdxComment,SkdxCommentThread:()=>l.SkdxCommentThread,SkdxConfirmDialog:()=>p.SkdxConfirmDialog,SkdxConversationList:()=>c.SkdxConversationList,SkdxDashboardLayout:()=>d.SkdxDashboardLayout,SkdxEmptyState:()=>k.SkdxEmptyState,SkdxFilterBar:()=>C.SkdxFilterBar,SkdxForgotPasswordPage:()=>b.SkdxForgotPasswordPage,SkdxFormSection:()=>m.SkdxFormSection,SkdxNotificationCenter:()=>y.SkdxNotificationCenter,SkdxOnboardingChecklist:()=>s.SkdxOnboardingChecklist,SkdxPageContainer:()=>S.SkdxPageContainer,SkdxResetPasswordPage:()=>w.SkdxResetPasswordPage,SkdxSignInPage:()=>a.SkdxSignInPage,SkdxSignUpPage:()=>I.SkdxSignUpPage,SkdxStatCard:()=>n.SkdxStatCard,SkdxUsageCard:()=>f.SkdxUsageCard,SkdxUserMenu:()=>D.SkdxUserMenu,SkdxVerificationPage:()=>V.SkdxVerificationPage,SkdxWorkspaceSwitcher:()=>u.SkdxWorkspaceSwitcher,defaultProviderLabel:()=>a.defaultProviderLabel});module.exports=B(O);var d=require("./dashboard-layout/index.cjs"),S=require("./page-container/index.cjs"),a=require("./sign-in-page/index.cjs"),p=require("./confirm-dialog/index.cjs"),k=require("./empty-state/index.cjs"),n=require("./stat-card/index.cjs"),m=require("./form-section/index.cjs"),s=require("./onboarding-checklist/index.cjs"),f=require("./usage-card/index.cjs"),C=require("./filter-bar/index.cjs"),g=require("./comment/index.cjs"),l=require("./comment-thread/index.cjs"),y=require("./notification-center/index.cjs"),c=require("./conversation-list/index.cjs"),h=require("./chat-message/index.cjs"),D=require("./user-menu/index.cjs"),P=require("./chat-composer/index.cjs"),u=require("./workspace-switcher/index.cjs"),I=require("./sign-up-page/index.cjs"),b=require("./forgot-password-page/index.cjs"),w=require("./reset-password-page/index.cjs"),V=require("./verification-page/index.cjs");0&&(module.exports={SkdxChatComposer,SkdxChatMessage,SkdxComment,SkdxCommentThread,SkdxConfirmDialog,SkdxConversationList,SkdxDashboardLayout,SkdxEmptyState,SkdxFilterBar,SkdxForgotPasswordPage,SkdxFormSection,SkdxNotificationCenter,SkdxOnboardingChecklist,SkdxPageContainer,SkdxResetPasswordPage,SkdxSignInPage,SkdxSignUpPage,SkdxStatCard,SkdxUsageCard,SkdxUserMenu,SkdxVerificationPage,SkdxWorkspaceSwitcher,defaultProviderLabel});
+"use strict";var i=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var F=Object.prototype.hasOwnProperty;var L=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},N=(t,e,r,x)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of v(e))!F.call(t,o)&&o!==r&&i(t,o,{get:()=>e[o],enumerable:!(x=V(e,o))||x.enumerable});return t};var U=t=>N(i({},"__esModule",{value:!0}),t);var B={};L(B,{SkdxChatComposer:()=>D.SkdxChatComposer,SkdxChatMessage:()=>c.SkdxChatMessage,SkdxComment:()=>f.SkdxComment,SkdxCommentThread:()=>g.SkdxCommentThread,SkdxConversationList:()=>y.SkdxConversationList,SkdxDashboardLayout:()=>d.SkdxDashboardLayout,SkdxEmptyState:()=>p.SkdxEmptyState,SkdxFilterBar:()=>C.SkdxFilterBar,SkdxForgotPasswordPage:()=>I.SkdxForgotPasswordPage,SkdxFormSection:()=>n.SkdxFormSection,SkdxNotificationCenter:()=>l.SkdxNotificationCenter,SkdxOnboardingChecklist:()=>m.SkdxOnboardingChecklist,SkdxPageContainer:()=>S.SkdxPageContainer,SkdxResetPasswordPage:()=>b.SkdxResetPasswordPage,SkdxSignInPage:()=>a.SkdxSignInPage,SkdxSignUpPage:()=>u.SkdxSignUpPage,SkdxStatCard:()=>k.SkdxStatCard,SkdxUsageCard:()=>s.SkdxUsageCard,SkdxUserMenu:()=>h.SkdxUserMenu,SkdxVerificationPage:()=>w.SkdxVerificationPage,SkdxWorkspaceSwitcher:()=>P.SkdxWorkspaceSwitcher,defaultProviderLabel:()=>a.defaultProviderLabel});module.exports=U(B);var d=require("./dashboard-layout/index.cjs"),S=require("./page-container/index.cjs"),a=require("./sign-in-page/index.cjs"),p=require("./empty-state/index.cjs"),k=require("./stat-card/index.cjs"),n=require("./form-section/index.cjs"),m=require("./onboarding-checklist/index.cjs"),s=require("./usage-card/index.cjs"),C=require("./filter-bar/index.cjs"),f=require("./comment/index.cjs"),g=require("./comment-thread/index.cjs"),l=require("./notification-center/index.cjs"),y=require("./conversation-list/index.cjs"),c=require("./chat-message/index.cjs"),h=require("./user-menu/index.cjs"),D=require("./chat-composer/index.cjs"),P=require("./workspace-switcher/index.cjs"),u=require("./sign-up-page/index.cjs"),I=require("./forgot-password-page/index.cjs"),b=require("./reset-password-page/index.cjs"),w=require("./verification-page/index.cjs");0&&(module.exports={SkdxChatComposer,SkdxChatMessage,SkdxComment,SkdxCommentThread,SkdxConversationList,SkdxDashboardLayout,SkdxEmptyState,SkdxFilterBar,SkdxForgotPasswordPage,SkdxFormSection,SkdxNotificationCenter,SkdxOnboardingChecklist,SkdxPageContainer,SkdxResetPasswordPage,SkdxSignInPage,SkdxSignUpPage,SkdxStatCard,SkdxUsageCard,SkdxUserMenu,SkdxVerificationPage,SkdxWorkspaceSwitcher,defaultProviderLabel});

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/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,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 x(t))!w.call(i,r)&&r!==e&&p(i,r,{get:()=>t[r],enumerable:!(o=u(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?u(t,e):t,l=i.length-1,m;l>=0;l--)(m=i[l])&&(r=(o?m(t,e,r):m(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"),k=require("../internal/define.cjs"),f=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=e=>{let o=e.target?.closest("skdx-form");if(!o)return;e.preventDefault();let r=b(o,"password")?.value??"",l=b(o,g);if(l&&l.value!==r){l.setCustomValidity(this.passwordMismatchMessage),l.reportValidity();return}(0,f.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,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,k.customElement)("skdx-reset-password-page","reset-password-page","root")],a);function b(i,t){return i.querySelector(`[name="${t}"]`)}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 k,nothing as p}from"lit";import{property as d}from"lit/decorators.js";import{customElement as f}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",$="data-skdx-reset-password-page-content",u="confirmPassword",y=0,t=class extends k{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=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}"], [data-skdx-slot="${e}"]`)!==null}region(e){return this.querySelector(`.skdx-reset-password-page__${e}`)}get contentRegion(){return this.querySelector(`[${$}]`)}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([f("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 x=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=x(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?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={};L(C,{SkdxSignUpPage:()=>d});module.exports=E(C);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 b="data-skdx-sign-up-page-generated",w="data-skdx-sign-up-page-content",h="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,h);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(`[${w}]`)}get hasContent(){return(0,m.hasUnslottedChild)(this,b)||(this.contentRegion?.hasChildNodes()??!1)}updated(){(0,m.placeSlotted)(this,b,{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`
+"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"
@@ -70,10 +73,15 @@
                     required
                   >
                     <skdx-password-input
-                      name=${h}
+                      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">
@@ -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 q(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.js

@@ -1,4 +1,4 @@
-var h=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&&h(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",x="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=b(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=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}"], [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(`[${$}]`)}get hasContent(){return _(this,g)||(this.contentRegion?.hasChildNodes()??!1)}updated(){y(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??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 h=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"
@@ -73,7 +76,12 @@ var h=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var r=(n,d,e,i
                       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">
@@ -94,4 +102,4 @@ var h=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 b(n,d){return n.querySelector(`[name="${d}"]`)}function m(n,d){return b(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/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})},x=(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 f=t=>x(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=f(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"], [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
+"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});

package/dist/user-menu/UserMenu.js

@@ -1,4 +1,4 @@
-var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(a,i,n,d)=>{for(var s=d>1?void 0:d?c(i,n):i,u=a.length-1,l;u>=0;u--)(l=a[u])&&(s=(d?l(i,n,s):l(s))||s);return d&&s&&p(i,n,s),s};import{html as m,LitElement as g,nothing as o}from"lit";import{property as r}from"lit/decorators.js";import{customElement as h}from"../internal/define.js";import{placeSlotted as v}from"../internal/slots.js";import"@skdx/web-components/avatar";import"@skdx/web-components/primitives/menu";var k="data-skdx-user-menu-generated",x={fromAttribute:a=>a!=="false"},e=class extends g{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"], [data-skdx-slot="trigger"]')!==null}updated(){this.variant&&!this.hasTrigger?this.setAttribute("data-variant",this.variant):this.removeAttribute("data-variant");let n=this.querySelector("skdx-menu-trigger");v(this,k,{trigger:n,status:n},this.querySelector("skdx-menu-content"))}derivedTrigger(){return m`<skdx-avatar
+var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(a,i,n,d)=>{for(var r=d>1?void 0:d?c(i,n):i,l=a.length-1,m;l>=0;l--)(m=a[l])&&(r=(d?m(i,n,r):m(r))||r);return d&&r&&p(i,n,r),r};import{html as u,LitElement as g,nothing as o}from"lit";import{property as s}from"lit/decorators.js";import{customElement as h}from"../internal/define.js";import{placeSlotted as v}from"../internal/slots.js";import"@skdx/web-components/avatar";import"@skdx/web-components/primitives/menu";var k="data-skdx-user-menu-generated",x={fromAttribute:a=>a!=="false"},e=class extends g{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 n=this.querySelector("skdx-menu-trigger");v(this,k,{trigger:n,status:n},this.querySelector("skdx-menu-content"))}derivedTrigger(){return u`<skdx-avatar
         class="skdx-user-menu__avatar"
         src=${this.avatarSrc??o}
         name=${this.name??o}
@@ -7,14 +7,16 @@ var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(a,i,n,d
       ></skdx-avatar>
       <span class="skdx-user-menu__identity">
         <span class="skdx-user-menu__name">${this.name??""}</span>
-        ${this.description?m`<span class="skdx-user-menu__description">${this.description}</span>`:o}
-      </span>`}render(){return m`
+        ${this.description?u`<span class="skdx-user-menu__description">${this.description}</span>`:o}
+      </span>`}render(){return u`
       <skdx-menu-root
         data-skdx-user-menu-generated
         .open=${this.open}
         ?default-open=${this.defaultOpen}
       >
-        <skdx-menu-trigger>${this.hasTrigger?o:this.derivedTrigger()}</skdx-menu-trigger>
+        <skdx-menu-trigger class="skdx-user-menu"
+          >${this.hasTrigger?o:this.derivedTrigger()}</skdx-menu-trigger
+        >
         <skdx-menu-content
           class="skdx-user-menu__content"
           side=${this.side}
@@ -22,9 +24,9 @@ var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(a,i,n,d
         >
           <skdx-menu-label class="skdx-user-menu__header">
             <span class="skdx-user-menu__name">${this.name??""}</span>
-            ${this.description?m`<span class="skdx-user-menu__description">${this.description}</span>`:o}
+            ${this.description?u`<span class="skdx-user-menu__description">${this.description}</span>`:o}
           </skdx-menu-label>
           <skdx-menu-separator></skdx-menu-separator>
         </skdx-menu-content>
       </skdx-menu-root>
-    `}};t([r({type:String})],e.prototype,"name",2),t([r({type:String})],e.prototype,"description",2),t([r({type:String,attribute:"avatar-src"})],e.prototype,"avatarSrc",2),t([r({type:String})],e.prototype,"variant",2),t([r({converter:x})],e.prototype,"open",2),t([r({type:Boolean,attribute:"default-open"})],e.prototype,"defaultOpen",2),t([r({type:String})],e.prototype,"side",2),t([r({type:String})],e.prototype,"align",2),e=t([h("skdx-user-menu","user-menu","root")],e);export{e as SkdxUserMenu};
+    `}};t([s({type:String})],e.prototype,"name",2),t([s({type:String})],e.prototype,"description",2),t([s({type:String,attribute:"avatar-src"})],e.prototype,"avatarSrc",2),t([s({type:String})],e.prototype,"variant",2),t([s({converter:x})],e.prototype,"open",2),t([s({type:Boolean,attribute:"default-open"})],e.prototype,"defaultOpen",2),t([s({type:String})],e.prototype,"side",2),t([s({type:String})],e.prototype,"align",2),e=t([h("skdx-user-menu","user-menu","root")],e);export{e as SkdxUserMenu};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skdx/web-components-blocks",
-  "version": "0.36.0",
+  "version": "0.37.0",
   "description": "Web Components blocks for the SkandaDX design system — page-level compositions of @skdx/web-components styled by @skdx/skins",
   "license": "MIT",
   "publishConfig": {
@@ -74,16 +74,6 @@
         "default": "./dist/comment-thread/index.cjs"
       }
     },
-    "./confirm-dialog": {
-      "import": {
-        "types": "./dist/confirm-dialog/index.d.ts",
-        "default": "./dist/confirm-dialog/index.js"
-      },
-      "require": {
-        "types": "./dist/confirm-dialog/index.d.cts",
-        "default": "./dist/confirm-dialog/index.cjs"
-      }
-    },
     "./conversation-list": {
       "import": {
         "types": "./dist/conversation-list/index.d.ts",
@@ -280,10 +270,6 @@
     "./dist/comment/Comment.js",
     "./dist/comment/index.cjs",
     "./dist/comment/index.js",
-    "./dist/confirm-dialog/ConfirmDialog.cjs",
-    "./dist/confirm-dialog/ConfirmDialog.js",
-    "./dist/confirm-dialog/index.cjs",
-    "./dist/confirm-dialog/index.js",
     "./dist/conversation-list/ConversationList.cjs",
     "./dist/conversation-list/ConversationList.js",
     "./dist/conversation-list/index.cjs",
@@ -357,7 +343,7 @@
   ],
   "peerDependencies": {
     "lit": "^3.3.0",
-    "@skdx/web-components": "^0.36.0"
+    "@skdx/web-components": "^0.37.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.4",
@@ -368,7 +354,7 @@
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
     "vitest": "^4.1.10",
-    "@skdx/web-components": "0.36.0"
+    "@skdx/web-components": "0.37.0"
   },
   "scripts": {
     "lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",