@skdx/web-components-blocks 0.1.0 → 0.34.0

package/custom-elements.json

@@ -259,39 +259,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/internal/define.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "tagName",
-          "declaration": {
-            "name": "anonymous_0",
-            "module": "src/internal/define.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/internal/events.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/internal/part.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/internal/slots.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/page-container/PageContainer.ts",
@@ -449,6 +416,39 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/internal/define.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "tagName",
+          "declaration": {
+            "name": "anonymous_0",
+            "module": "src/internal/define.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/internal/events.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/internal/part.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/internal/slots.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/sign-in-page/SignInPage.ts",

package/dist/dashboard-layout/DashboardLayout.cjs

@@ -1,9 +1,8 @@
-"use strict";var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var y=(n,e)=>{for(var a in e)s(n,a,{get:e[a],enumerable:!0})},k=(n,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of m(e))!_.call(n,r)&&r!==a&&s(n,r,{get:()=>e[r],enumerable:!(i=h(e,r))||i.enumerable});return n};var x=n=>k(s({},"__esModule",{value:!0}),n),l=(n,e,a,i)=>{for(var r=i>1?void 0:i?h(e,a):e,v=n.length-1,u;v>=0;v--)(u=n[v])&&(r=(i?u(e,a,r):u(r))||r);return i&&r&&s(e,a,r),r};var N={};y(N,{SkdxDashboardLayout:()=>o});module.exports=x(N);var t=require("lit"),d=require("lit/decorators.js"),c=require("../internal/define.cjs"),b=require("../internal/events.cjs"),g=require("../internal/slots.cjs");var f="data-skdx-dashboard-layout-generated",p={fromAttribute:n=>n!=="false"},$=0,o=class extends t.LitElement{constructor(){super(...arguments);this.title="";this.defaultNavOpen=!0;this.navLabel="Main navigation";this.navToggleLabel="Toggle navigation";this.navId=`skdx-dashboard-layout-nav-${++$}`;this.toggleNav=()=>{let a=!this.open;this.uncontrolledNavOpen=a,this.requestUpdate(),(0,b.emit)(this,"nav-open-change",a)}}createRenderRoot(){return this}get open(){return this.navOpen??this.uncontrolledNavOpen??this.defaultNavOpen}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.requestUpdate())}region(a){return this.querySelector(`.skdx-dashboard-layout__${a}`)}updated(){this.toggleAttribute("data-nav-open",this.open),(0,g.placeSlotted)(this,f,{branding:this.region("branding"),actions:this.region("actions")},this.region("content"))}navList(a){return t.html`<ul class="skdx-dashboard-layout__nav-list">
-      ${a.map(i=>this.navItem(i))}
-    </ul>`}navItem(a){return a.kind==="divider"?t.html`<li
-        role="separator"
-        class="skdx-dashboard-layout__nav-divider"
-      ></li>`:a.kind==="header"?t.html`<li class="skdx-dashboard-layout__nav-header">${a.label??""}</li>`:a.href!==void 0?t.html`<li>
+"use strict";var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var y=(n,e)=>{for(var a in e)s(n,a,{get:e[a],enumerable:!0})},k=(n,e,a,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of m(e))!_.call(n,r)&&r!==a&&s(n,r,{get:()=>e[r],enumerable:!(o=u(e,r))||o.enumerable});return n};var x=n=>k(s({},"__esModule",{value:!0}),n),l=(n,e,a,o)=>{for(var r=o>1?void 0:o?u(e,a):e,v=n.length-1,h;v>=0;v--)(h=n[v])&&(r=(o?h(e,a,r):h(r))||r);return o&&r&&s(e,a,r),r};var N={};y(N,{SkdxDashboardLayout:()=>i});module.exports=x(N);var t=require("lit"),d=require("lit/decorators.js"),c=require("../internal/define.cjs"),b=require("../internal/events.cjs"),g=require("../internal/slots.cjs");var f="data-skdx-dashboard-layout-generated",p={fromAttribute:n=>n!=="false"},$=0,i=class extends t.LitElement{constructor(){super(...arguments);this.title="";this.defaultNavOpen=!0;this.navLabel="Main navigation";this.navToggleLabel="Toggle navigation";this.navId=`skdx-dashboard-layout-nav-${++$}`;this.toggleNav=()=>{let a=!this.open;this.uncontrolledNavOpen=a,this.requestUpdate(),(0,b.emit)(this,"nav-open-change",a)}}createRenderRoot(){return this}get open(){return this.navOpen??this.uncontrolledNavOpen??this.defaultNavOpen}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.requestUpdate())}region(a){return this.querySelector(`.skdx-dashboard-layout__${a}`)}updated(){this.toggleAttribute("data-nav-open",this.open),(0,g.placeSlotted)(this,f,{branding:this.region("branding"),actions:this.region("actions")},this.region("content"))}navList(a){return t.html`<ul class="skdx-dashboard-layout__nav-list">
+      ${a.map(o=>this.navItem(o))}
+    </ul>`}navItem(a){return a.kind==="divider"?t.html`<li>
+        <hr class="skdx-dashboard-layout__nav-divider" />
+      </li>`:a.kind==="header"?t.html`<li class="skdx-dashboard-layout__nav-header">${a.label??""}</li>`:a.href!==void 0?t.html`<li>
         <a
           class="skdx-dashboard-layout__nav-item"
           href=${a.href}
@@ -47,4 +46,4 @@
         </nav>
         <main class="skdx-dashboard-layout__content"></main>
       </div>
-    `}};l([(0,d.property)({type:String})],o.prototype,"title",2),l([(0,d.property)({attribute:!1})],o.prototype,"navigation",2),l([(0,d.property)({converter:p,attribute:"nav-open"})],o.prototype,"navOpen",2),l([(0,d.property)({converter:p,attribute:"default-nav-open"})],o.prototype,"defaultNavOpen",2),l([(0,d.property)({type:String,attribute:"nav-label"})],o.prototype,"navLabel",2),l([(0,d.property)({type:String,attribute:"nav-toggle-label"})],o.prototype,"navToggleLabel",2),o=l([(0,c.customElement)("skdx-dashboard-layout","dashboard-layout","root")],o);0&&(module.exports={SkdxDashboardLayout});
+    `}};l([(0,d.property)({type:String})],i.prototype,"title",2),l([(0,d.property)({attribute:!1})],i.prototype,"navigation",2),l([(0,d.property)({converter:p,attribute:"nav-open"})],i.prototype,"navOpen",2),l([(0,d.property)({converter:p,attribute:"default-nav-open"})],i.prototype,"defaultNavOpen",2),l([(0,d.property)({type:String,attribute:"nav-label"})],i.prototype,"navLabel",2),l([(0,d.property)({type:String,attribute:"nav-toggle-label"})],i.prototype,"navToggleLabel",2),i=l([(0,c.customElement)("skdx-dashboard-layout","dashboard-layout","root")],i);0&&(module.exports={SkdxDashboardLayout});

package/dist/dashboard-layout/DashboardLayout.js

@@ -1,18 +1,17 @@
-var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(l,d,a,o)=>{for(var n=o>1?void 0:o?c(d,a):d,s=l.length-1,v;s>=0;s--)(v=l[s])&&(n=(o?v(d,a,n):v(n))||n);return o&&n&&p(d,a,n),n};import{html as r,LitElement as b,nothing as u}from"lit";import{property as i}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";import{emit as m}from"../internal/events.js";import{placeSlotted as _}from"../internal/slots.js";var y="data-skdx-dashboard-layout-generated",h={fromAttribute:l=>l!=="false"},k=0,e=class extends b{constructor(){super(...arguments);this.title="";this.defaultNavOpen=!0;this.navLabel="Main navigation";this.navToggleLabel="Toggle navigation";this.navId=`skdx-dashboard-layout-nav-${++k}`;this.toggleNav=()=>{let a=!this.open;this.uncontrolledNavOpen=a,this.requestUpdate(),m(this,"nav-open-change",a)}}createRenderRoot(){return this}get open(){return this.navOpen??this.uncontrolledNavOpen??this.defaultNavOpen}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.requestUpdate())}region(a){return this.querySelector(`.skdx-dashboard-layout__${a}`)}updated(){this.toggleAttribute("data-nav-open",this.open),_(this,y,{branding:this.region("branding"),actions:this.region("actions")},this.region("content"))}navList(a){return r`<ul class="skdx-dashboard-layout__nav-list">
-      ${a.map(o=>this.navItem(o))}
-    </ul>`}navItem(a){return a.kind==="divider"?r`<li
-        role="separator"
-        class="skdx-dashboard-layout__nav-divider"
-      ></li>`:a.kind==="header"?r`<li class="skdx-dashboard-layout__nav-header">${a.label??""}</li>`:a.href!==void 0?r`<li>
+var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(l,d,a,i)=>{for(var n=i>1?void 0:i?c(d,a):d,s=l.length-1,v;s>=0;s--)(v=l[s])&&(n=(i?v(d,a,n):v(n))||n);return i&&n&&p(d,a,n),n};import{html as r,LitElement as b,nothing as h}from"lit";import{property as o}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";import{emit as m}from"../internal/events.js";import{placeSlotted as _}from"../internal/slots.js";var y="data-skdx-dashboard-layout-generated",u={fromAttribute:l=>l!=="false"},k=0,e=class extends b{constructor(){super(...arguments);this.title="";this.defaultNavOpen=!0;this.navLabel="Main navigation";this.navToggleLabel="Toggle navigation";this.navId=`skdx-dashboard-layout-nav-${++k}`;this.toggleNav=()=>{let a=!this.open;this.uncontrolledNavOpen=a,this.requestUpdate(),m(this,"nav-open-change",a)}}createRenderRoot(){return this}get open(){return this.navOpen??this.uncontrolledNavOpen??this.defaultNavOpen}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.requestUpdate())}region(a){return this.querySelector(`.skdx-dashboard-layout__${a}`)}updated(){this.toggleAttribute("data-nav-open",this.open),_(this,y,{branding:this.region("branding"),actions:this.region("actions")},this.region("content"))}navList(a){return r`<ul class="skdx-dashboard-layout__nav-list">
+      ${a.map(i=>this.navItem(i))}
+    </ul>`}navItem(a){return a.kind==="divider"?r`<li>
+        <hr class="skdx-dashboard-layout__nav-divider" />
+      </li>`:a.kind==="header"?r`<li class="skdx-dashboard-layout__nav-header">${a.label??""}</li>`:a.href!==void 0?r`<li>
         <a
           class="skdx-dashboard-layout__nav-item"
           href=${a.href}
-          aria-current=${a.current?"page":u}
+          aria-current=${a.current?"page":h}
           >${a.label??""}</a
         >
       </li>`:r`<li>
       <span class="skdx-dashboard-layout__nav-item">${a.label??""}</span>
-      ${a.children?.length?this.navList(a.children):u}
+      ${a.children?.length?this.navList(a.children):h}
     </li>`}render(){let a=this.open;return r`
       <header
         class="skdx-dashboard-layout__app-bar"
@@ -30,7 +29,7 @@ var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(l,d,a,o
           ☰
         </button>
         <div class="skdx-dashboard-layout__branding"></div>
-        ${this.title?r`<span class="skdx-dashboard-layout__title">${this.title}</span>`:u}
+        ${this.title?r`<span class="skdx-dashboard-layout__title">${this.title}</span>`:h}
         <div class="skdx-dashboard-layout__actions"></div>
       </header>
       <div
@@ -47,4 +46,4 @@ var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(l,d,a,o
         </nav>
         <main class="skdx-dashboard-layout__content"></main>
       </div>
-    `}};t([i({type:String})],e.prototype,"title",2),t([i({attribute:!1})],e.prototype,"navigation",2),t([i({converter:h,attribute:"nav-open"})],e.prototype,"navOpen",2),t([i({converter:h,attribute:"default-nav-open"})],e.prototype,"defaultNavOpen",2),t([i({type:String,attribute:"nav-label"})],e.prototype,"navLabel",2),t([i({type:String,attribute:"nav-toggle-label"})],e.prototype,"navToggleLabel",2),e=t([g("skdx-dashboard-layout","dashboard-layout","root")],e);export{e as SkdxDashboardLayout};
+    `}};t([o({type:String})],e.prototype,"title",2),t([o({attribute:!1})],e.prototype,"navigation",2),t([o({converter:u,attribute:"nav-open"})],e.prototype,"navOpen",2),t([o({converter:u,attribute:"default-nav-open"})],e.prototype,"defaultNavOpen",2),t([o({type:String,attribute:"nav-label"})],e.prototype,"navLabel",2),t([o({type:String,attribute:"nav-toggle-label"})],e.prototype,"navToggleLabel",2),e=t([g("skdx-dashboard-layout","dashboard-layout","root")],e);export{e as SkdxDashboardLayout};

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@skdx/web-components-blocks",
-  "version": "0.1.0",
+  "version": "0.34.0",
   "description": "Web Components blocks for the SkandaDX design system — page-level compositions of @skdx/web-components styled by @skdx/skins",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
   },
-  "homepage": "https://github.com/SkandaDX/ui.skdx/tree/main/packages/web-components-blocks#readme",
+  "homepage": "https://github.com/SkandaDX/ui.skdx/tree/main/packages/blocks/web-components#readme",
   "repository": {
-    "directory": "packages/web-components-blocks",
+    "directory": "packages/blocks/web-components",
     "type": "git",
     "url": "git+https://github.com/SkandaDX/ui.skdx.git"
   },
@@ -91,7 +91,7 @@
   ],
   "peerDependencies": {
     "lit": "^3.3.0",
-    "@skdx/web-components": "^0.33.0"
+    "@skdx/web-components": "^0.34.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.4",
@@ -102,11 +102,11 @@
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
     "vitest": "^4.1.10",
-    "@skdx/web-components": "0.33.0"
+    "@skdx/web-components": "0.34.0"
   },
   "scripts": {
     "lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",
-    "build": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\" && tsup && tsc -p tsconfig.build.json --emitDeclarationOnly && node ../../scripts/declarations-cjs.mjs",
+    "build": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\" && tsup && tsc -p tsconfig.build.json --emitDeclarationOnly && node ../../../scripts/declarations-cjs.mjs",
     "analyze": "cem analyze --litelement --globs \"src/**/*.ts\" --exclude \"src/**/*.test.ts\" --outdir .",
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit --incremental --tsBuildInfoFile node_modules/.cache/tsc/typecheck.tsbuildinfo",