@skdx/web-components-blocks 0.34.0 → 0.35.0

package/dist/workspace-switcher/WorkspaceSwitcher.js

@@ -0,0 +1,69 @@
+var m=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var a=(d,c,e,t)=>{for(var s=t>1?void 0:t?v(c,e):c,p=d.length-1,i;p>=0;p--)(i=d[p])&&(s=(t?i(c,e,s):i(s))||s);return t&&s&&m(c,e,s),s};import{html as o,LitElement as k,nothing as l}from"lit";import{property as n}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";import{emit as h}from"../internal/events.js";import{placeSlotted as f}from"../internal/slots.js";import"@skdx/web-components/primitives/command";import"@skdx/web-components/primitives/popover";import"@skdx/web-components/visually-hidden";var w="data-skdx-workspace-switcher-generated",x={fromAttribute:d=>d!=="false"};function g(d){d.stopPropagation()}function y(d,c){let e=c.toLowerCase(),t=new Map([[void 0,[]]]);for(let i of d){let u=t.get(i.group);u?u.push(i):t.set(i.group,[i])}let s=i=>e===""||i.id.toLowerCase().includes(e)||i.label.toLowerCase().includes(e)||(i.description?.toLowerCase().includes(e)??!1),p=[];for(let[i,u]of t)u.some(s)&&p.push({heading:i,items:u});return p}var r=class extends k{constructor(){super(...arguments);this.defaultValue="";this.placeholder="Select";this.searchLabel="Search";this.emptyMessage="No results";this.loadingMessage="Loading";this.loading=!1;this.selectedLabel="Current";this.defaultOpen=!1;this.search="";this.reason="programmatic";this.notePointer=()=>{this.reason="pointer"};this.noteKeyboard=()=>{this.reason="keyboard"};this.handleOpenChange=e=>{e.stopPropagation();let t=e.detail;t!==this.isOpen&&this.setOpen(t)};this.handleSearchChange=e=>{e.stopPropagation(),this.search=e.detail,this.requestUpdate()}}createRenderRoot(){return this}get currentValue(){return this.value??this.uncontrolledValue??this.defaultValue}get isOpen(){return this.open??this.uncontrolledOpen??this.defaultOpen}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerdown",this.notePointer,!0),this.addEventListener("keydown",this.noteKeyboard,!0),queueMicrotask(()=>this.requestUpdate())}disconnectedCallback(){this.removeEventListener("pointerdown",this.notePointer,!0),this.removeEventListener("keydown",this.noteKeyboard,!0),super.disconnectedCallback()}get hasTrigger(){return this.querySelector('[slot="trigger"]')!==null}get hasActions(){return this.querySelector('[slot="actions"]')!==null}region(e){return this.querySelector(`.skdx-workspace-switcher__${e}`)}setOpen(e){e||(this.search=""),this.uncontrolledOpen=e,this.requestUpdate(),h(this,"open-change",e)}select(e,t){e.stopPropagation();let s=this.currentValue;this.uncontrolledValue=t,this.requestUpdate(),h(this,"value-change",{value:t,previousValue:s,reason:this.reason}),this.setOpen(!1)}nameTrigger(){let e=this.querySelector("skdx-popover-trigger")?.shadowRoot?.querySelector('[part="trigger"]');e&&(this.label?e.setAttribute("aria-label",this.label):e.removeAttribute("aria-label"))}updated(){let e=this.querySelector(":scope > skdx-popover-root");e&&(e.open=this.isOpen),this.querySelector("skdx-popover-trigger")?.updateComplete.then(()=>this.nameTrigger());let s=this.querySelector("skdx-command-input");s?.updateComplete.then(()=>s.querySelector("input")?.setAttribute("aria-label",this.searchLabel)),f(this,w,{trigger:this.querySelector("skdx-popover-trigger"),actions:this.region("footer")},null)}derivedTrigger(){let e=(this.items??[]).find(t=>t.id===this.currentValue);return o`${this.renderLeading&&e?o`<span
+              aria-hidden="true"
+              class="skdx-workspace-switcher__leading"
+              >${this.renderLeading(e)}</span
+            >`:l}
+      <span class="skdx-workspace-switcher__current">${e?.label??this.placeholder}</span>
+      ${e?.description?o`<span class="skdx-workspace-switcher__description">${e.description}</span>`:l}`}listedItem(e){let t=e.id===this.currentValue;return o`<skdx-command-item
+      class="skdx-workspace-switcher__item"
+      .value=${e.id}
+      .keywords=${e.description?[e.label,e.description]:[e.label]}
+      ?disabled=${e.disabled}
+      data-selected=${t?"":l}
+      @select=${s=>this.select(s,e.id)}
+    >
+      ${this.renderLeading?o`<span
+              aria-hidden="true"
+              class="skdx-workspace-switcher__item-leading"
+              >${this.renderLeading(e)}</span
+            >`:l}
+      <span class="skdx-workspace-switcher__item-label">${e.label}</span>
+      ${e.description?o`<span class="skdx-workspace-switcher__item-description">${e.description}</span>`:l}
+      ${t?o`<skdx-visually-hidden>${this.selectedLabel}</skdx-visually-hidden>`:l}
+    </skdx-command-item>`}render(){let e=y(this.items??[],this.search);return o`
+      <skdx-popover-root
+        data-skdx-workspace-switcher-generated
+        modal="none"
+        @open-change=${this.handleOpenChange}
+      >
+        <skdx-popover-trigger
+          >${this.hasTrigger?l:this.derivedTrigger()}</skdx-popover-trigger
+        >
+        <skdx-popover-content
+          class="skdx-workspace-switcher__content"
+          align="start"
+          aria-label=${this.label??this.placeholder}
+        >
+          <skdx-command
+            .search=${this.search}
+            ?loading=${this.loading}
+            @search-change=${this.handleSearchChange}
+            @value-change=${g}
+            @item-select=${g}
+          >
+            <skdx-command-input
+              class="skdx-workspace-switcher__search"
+              placeholder=${this.searchPlaceholder??l}
+            ></skdx-command-input>
+            <skdx-command-list
+              class="skdx-workspace-switcher__list"
+              aria-label=${this.label??this.placeholder}
+            >
+              ${e.map(t=>o`<skdx-command-group
+                    class="skdx-workspace-switcher__group"
+                    heading=${t.heading??l}
+                  >
+                    ${t.items.map(s=>this.listedItem(s))}
+                  </skdx-command-group>`)}
+            </skdx-command-list>
+            <skdx-command-loading class="skdx-workspace-switcher__loading"
+              >${this.loadingMessage}</skdx-command-loading
+            >
+            <skdx-command-empty class="skdx-workspace-switcher__empty"
+              >${this.emptyMessage}</skdx-command-empty
+            >
+          </skdx-command>
+          ${this.hasActions?o`<div class="skdx-workspace-switcher__footer"></div>`:l}
+        </skdx-popover-content>
+      </skdx-popover-root>
+    `}};a([n({attribute:!1})],r.prototype,"items",2),a([n({type:String})],r.prototype,"value",2),a([n({type:String,attribute:"default-value"})],r.prototype,"defaultValue",2),a([n({type:String})],r.prototype,"placeholder",2),a([n({type:String})],r.prototype,"label",2),a([n({type:String,attribute:"search-label"})],r.prototype,"searchLabel",2),a([n({type:String,attribute:"search-placeholder"})],r.prototype,"searchPlaceholder",2),a([n({type:String,attribute:"empty-message"})],r.prototype,"emptyMessage",2),a([n({type:String,attribute:"loading-message"})],r.prototype,"loadingMessage",2),a([n({type:Boolean})],r.prototype,"loading",2),a([n({type:String,attribute:"selected-label"})],r.prototype,"selectedLabel",2),a([n({attribute:!1})],r.prototype,"renderLeading",2),a([n({converter:x})],r.prototype,"open",2),a([n({type:Boolean,attribute:"default-open"})],r.prototype,"defaultOpen",2),r=a([b("skdx-workspace-switcher","workspace-switcher","root")],r);export{r as SkdxWorkspaceSwitcher};

package/dist/workspace-switcher/index.cjs

@@ -0,0 +1 @@
+"use strict";var c=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var i=(r,e)=>{for(var a in e)c(r,a,{get:e[a],enumerable:!0})},x=(r,e,a,k)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of o(e))!h.call(r,t)&&t!==a&&c(r,t,{get:()=>e[t],enumerable:!(k=S(e,t))||k.enumerable});return r};var d=r=>x(c({},"__esModule",{value:!0}),r);var s={};i(s,{SkdxWorkspaceSwitcher:()=>p.SkdxWorkspaceSwitcher});module.exports=d(s);var p=require("./WorkspaceSwitcher.cjs");0&&(module.exports={SkdxWorkspaceSwitcher});

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

@@ -0,0 +1 @@
+export { SkdxWorkspaceSwitcher, type SkdxWorkspaceSwitcherItem, type SkdxWorkspaceSwitcherValueChangeDetail, } from './WorkspaceSwitcher.cjs';

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

@@ -0,0 +1 @@
+export { SkdxWorkspaceSwitcher, type SkdxWorkspaceSwitcherItem, type SkdxWorkspaceSwitcherValueChangeDetail, } from './WorkspaceSwitcher.js';

package/dist/workspace-switcher/index.js

@@ -0,0 +1 @@
+import{SkdxWorkspaceSwitcher as t}from"./WorkspaceSwitcher.js";export{t as SkdxWorkspaceSwitcher};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skdx/web-components-blocks",
-  "version": "0.34.0",
+  "version": "0.35.0",
   "description": "Web Components blocks for the SkandaDX design system — page-level compositions of @skdx/web-components styled by @skdx/skins",
   "license": "MIT",
   "publishConfig": {
@@ -34,6 +34,66 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./chat-composer": {
+      "import": {
+        "types": "./dist/chat-composer/index.d.ts",
+        "default": "./dist/chat-composer/index.js"
+      },
+      "require": {
+        "types": "./dist/chat-composer/index.d.cts",
+        "default": "./dist/chat-composer/index.cjs"
+      }
+    },
+    "./chat-message": {
+      "import": {
+        "types": "./dist/chat-message/index.d.ts",
+        "default": "./dist/chat-message/index.js"
+      },
+      "require": {
+        "types": "./dist/chat-message/index.d.cts",
+        "default": "./dist/chat-message/index.cjs"
+      }
+    },
+    "./comment": {
+      "import": {
+        "types": "./dist/comment/index.d.ts",
+        "default": "./dist/comment/index.js"
+      },
+      "require": {
+        "types": "./dist/comment/index.d.cts",
+        "default": "./dist/comment/index.cjs"
+      }
+    },
+    "./comment-thread": {
+      "import": {
+        "types": "./dist/comment-thread/index.d.ts",
+        "default": "./dist/comment-thread/index.js"
+      },
+      "require": {
+        "types": "./dist/comment-thread/index.d.cts",
+        "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",
+        "default": "./dist/conversation-list/index.js"
+      },
+      "require": {
+        "types": "./dist/conversation-list/index.d.cts",
+        "default": "./dist/conversation-list/index.cjs"
+      }
+    },
     "./dashboard-layout": {
       "import": {
         "types": "./dist/dashboard-layout/index.d.ts",
@@ -44,7 +104,66 @@
         "default": "./dist/dashboard-layout/index.cjs"
       }
     },
-    "./package.json": "./package.json",
+    "./empty-state": {
+      "import": {
+        "types": "./dist/empty-state/index.d.ts",
+        "default": "./dist/empty-state/index.js"
+      },
+      "require": {
+        "types": "./dist/empty-state/index.d.cts",
+        "default": "./dist/empty-state/index.cjs"
+      }
+    },
+    "./filter-bar": {
+      "import": {
+        "types": "./dist/filter-bar/index.d.ts",
+        "default": "./dist/filter-bar/index.js"
+      },
+      "require": {
+        "types": "./dist/filter-bar/index.d.cts",
+        "default": "./dist/filter-bar/index.cjs"
+      }
+    },
+    "./forgot-password-page": {
+      "import": {
+        "types": "./dist/forgot-password-page/index.d.ts",
+        "default": "./dist/forgot-password-page/index.js"
+      },
+      "require": {
+        "types": "./dist/forgot-password-page/index.d.cts",
+        "default": "./dist/forgot-password-page/index.cjs"
+      }
+    },
+    "./form-section": {
+      "import": {
+        "types": "./dist/form-section/index.d.ts",
+        "default": "./dist/form-section/index.js"
+      },
+      "require": {
+        "types": "./dist/form-section/index.d.cts",
+        "default": "./dist/form-section/index.cjs"
+      }
+    },
+    "./notification-center": {
+      "import": {
+        "types": "./dist/notification-center/index.d.ts",
+        "default": "./dist/notification-center/index.js"
+      },
+      "require": {
+        "types": "./dist/notification-center/index.d.cts",
+        "default": "./dist/notification-center/index.cjs"
+      }
+    },
+    "./onboarding-checklist": {
+      "import": {
+        "types": "./dist/onboarding-checklist/index.d.ts",
+        "default": "./dist/onboarding-checklist/index.js"
+      },
+      "require": {
+        "types": "./dist/onboarding-checklist/index.d.cts",
+        "default": "./dist/onboarding-checklist/index.cjs"
+      }
+    },
     "./page-container": {
       "import": {
         "types": "./dist/page-container/index.d.ts",
@@ -55,6 +174,16 @@
         "default": "./dist/page-container/index.cjs"
       }
     },
+    "./reset-password-page": {
+      "import": {
+        "types": "./dist/reset-password-page/index.d.ts",
+        "default": "./dist/reset-password-page/index.js"
+      },
+      "require": {
+        "types": "./dist/reset-password-page/index.d.cts",
+        "default": "./dist/reset-password-page/index.cjs"
+      }
+    },
     "./sign-in-page": {
       "import": {
         "types": "./dist/sign-in-page/index.d.ts",
@@ -64,7 +193,68 @@
         "types": "./dist/sign-in-page/index.d.cts",
         "default": "./dist/sign-in-page/index.cjs"
       }
-    }
+    },
+    "./sign-up-page": {
+      "import": {
+        "types": "./dist/sign-up-page/index.d.ts",
+        "default": "./dist/sign-up-page/index.js"
+      },
+      "require": {
+        "types": "./dist/sign-up-page/index.d.cts",
+        "default": "./dist/sign-up-page/index.cjs"
+      }
+    },
+    "./stat-card": {
+      "import": {
+        "types": "./dist/stat-card/index.d.ts",
+        "default": "./dist/stat-card/index.js"
+      },
+      "require": {
+        "types": "./dist/stat-card/index.d.cts",
+        "default": "./dist/stat-card/index.cjs"
+      }
+    },
+    "./usage-card": {
+      "import": {
+        "types": "./dist/usage-card/index.d.ts",
+        "default": "./dist/usage-card/index.js"
+      },
+      "require": {
+        "types": "./dist/usage-card/index.d.cts",
+        "default": "./dist/usage-card/index.cjs"
+      }
+    },
+    "./user-menu": {
+      "import": {
+        "types": "./dist/user-menu/index.d.ts",
+        "default": "./dist/user-menu/index.js"
+      },
+      "require": {
+        "types": "./dist/user-menu/index.d.cts",
+        "default": "./dist/user-menu/index.cjs"
+      }
+    },
+    "./verification-page": {
+      "import": {
+        "types": "./dist/verification-page/index.d.ts",
+        "default": "./dist/verification-page/index.js"
+      },
+      "require": {
+        "types": "./dist/verification-page/index.d.cts",
+        "default": "./dist/verification-page/index.cjs"
+      }
+    },
+    "./workspace-switcher": {
+      "import": {
+        "types": "./dist/workspace-switcher/index.d.ts",
+        "default": "./dist/workspace-switcher/index.js"
+      },
+      "require": {
+        "types": "./dist/workspace-switcher/index.d.cts",
+        "default": "./dist/workspace-switcher/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
   },
   "files": [
     "dist",
@@ -74,24 +264,100 @@
     "!dist/**/*.map"
   ],
   "sideEffects": [
+    "./dist/chat-composer/ChatComposer.cjs",
+    "./dist/chat-composer/ChatComposer.js",
+    "./dist/chat-composer/index.cjs",
+    "./dist/chat-composer/index.js",
+    "./dist/chat-message/ChatMessage.cjs",
+    "./dist/chat-message/ChatMessage.js",
+    "./dist/chat-message/index.cjs",
+    "./dist/chat-message/index.js",
+    "./dist/comment-thread/CommentThread.cjs",
+    "./dist/comment-thread/CommentThread.js",
+    "./dist/comment-thread/index.cjs",
+    "./dist/comment-thread/index.js",
+    "./dist/comment/Comment.cjs",
+    "./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",
+    "./dist/conversation-list/index.js",
     "./dist/dashboard-layout/DashboardLayout.cjs",
     "./dist/dashboard-layout/DashboardLayout.js",
     "./dist/dashboard-layout/index.cjs",
     "./dist/dashboard-layout/index.js",
+    "./dist/empty-state/EmptyState.cjs",
+    "./dist/empty-state/EmptyState.js",
+    "./dist/empty-state/index.cjs",
+    "./dist/empty-state/index.js",
+    "./dist/filter-bar/FilterBar.cjs",
+    "./dist/filter-bar/FilterBar.js",
+    "./dist/filter-bar/index.cjs",
+    "./dist/filter-bar/index.js",
+    "./dist/forgot-password-page/ForgotPasswordPage.cjs",
+    "./dist/forgot-password-page/ForgotPasswordPage.js",
+    "./dist/forgot-password-page/index.cjs",
+    "./dist/forgot-password-page/index.js",
+    "./dist/form-section/FormSection.cjs",
+    "./dist/form-section/FormSection.js",
+    "./dist/form-section/index.cjs",
+    "./dist/form-section/index.js",
     "./dist/index.cjs",
     "./dist/index.js",
+    "./dist/notification-center/NotificationCenter.cjs",
+    "./dist/notification-center/NotificationCenter.js",
+    "./dist/notification-center/index.cjs",
+    "./dist/notification-center/index.js",
+    "./dist/onboarding-checklist/OnboardingChecklist.cjs",
+    "./dist/onboarding-checklist/OnboardingChecklist.js",
+    "./dist/onboarding-checklist/index.cjs",
+    "./dist/onboarding-checklist/index.js",
     "./dist/page-container/PageContainer.cjs",
     "./dist/page-container/PageContainer.js",
     "./dist/page-container/index.cjs",
     "./dist/page-container/index.js",
+    "./dist/reset-password-page/ResetPasswordPage.cjs",
+    "./dist/reset-password-page/ResetPasswordPage.js",
+    "./dist/reset-password-page/index.cjs",
+    "./dist/reset-password-page/index.js",
     "./dist/sign-in-page/SignInPage.cjs",
     "./dist/sign-in-page/SignInPage.js",
     "./dist/sign-in-page/index.cjs",
-    "./dist/sign-in-page/index.js"
+    "./dist/sign-in-page/index.js",
+    "./dist/sign-up-page/SignUpPage.cjs",
+    "./dist/sign-up-page/SignUpPage.js",
+    "./dist/sign-up-page/index.cjs",
+    "./dist/sign-up-page/index.js",
+    "./dist/stat-card/StatCard.cjs",
+    "./dist/stat-card/StatCard.js",
+    "./dist/stat-card/index.cjs",
+    "./dist/stat-card/index.js",
+    "./dist/usage-card/UsageCard.cjs",
+    "./dist/usage-card/UsageCard.js",
+    "./dist/usage-card/index.cjs",
+    "./dist/usage-card/index.js",
+    "./dist/user-menu/UserMenu.cjs",
+    "./dist/user-menu/UserMenu.js",
+    "./dist/user-menu/index.cjs",
+    "./dist/user-menu/index.js",
+    "./dist/verification-page/VerificationPage.cjs",
+    "./dist/verification-page/VerificationPage.js",
+    "./dist/verification-page/index.cjs",
+    "./dist/verification-page/index.js",
+    "./dist/workspace-switcher/WorkspaceSwitcher.cjs",
+    "./dist/workspace-switcher/WorkspaceSwitcher.js",
+    "./dist/workspace-switcher/index.cjs",
+    "./dist/workspace-switcher/index.js"
   ],
   "peerDependencies": {
     "lit": "^3.3.0",
-    "@skdx/web-components": "^0.34.0"
+    "@skdx/web-components": "^0.35.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.4",
@@ -102,7 +368,7 @@
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
     "vitest": "^4.1.10",
-    "@skdx/web-components": "0.34.0"
+    "@skdx/web-components": "0.35.0"
   },
   "scripts": {
     "lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",