@skdx/web-components-blocks 0.1.0 → 0.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/custom-elements.json
CHANGED
|
@@ -259,39 +259,6 @@
|
|
|
259
259
|
}
|
|
260
260
|
]
|
|
261
261
|
},
|
|
262
|
-
{
|
|
263
|
-
"kind": "javascript-module",
|
|
264
|
-
"path": "src/internal/define.ts",
|
|
265
|
-
"declarations": [],
|
|
266
|
-
"exports": [
|
|
267
|
-
{
|
|
268
|
-
"kind": "custom-element-definition",
|
|
269
|
-
"name": "tagName",
|
|
270
|
-
"declaration": {
|
|
271
|
-
"name": "anonymous_0",
|
|
272
|
-
"module": "src/internal/define.ts"
|
|
273
|
-
}
|
|
274
|
-
}
|
|
275
|
-
]
|
|
276
|
-
},
|
|
277
|
-
{
|
|
278
|
-
"kind": "javascript-module",
|
|
279
|
-
"path": "src/internal/events.ts",
|
|
280
|
-
"declarations": [],
|
|
281
|
-
"exports": []
|
|
282
|
-
},
|
|
283
|
-
{
|
|
284
|
-
"kind": "javascript-module",
|
|
285
|
-
"path": "src/internal/part.ts",
|
|
286
|
-
"declarations": [],
|
|
287
|
-
"exports": []
|
|
288
|
-
},
|
|
289
|
-
{
|
|
290
|
-
"kind": "javascript-module",
|
|
291
|
-
"path": "src/internal/slots.ts",
|
|
292
|
-
"declarations": [],
|
|
293
|
-
"exports": []
|
|
294
|
-
},
|
|
295
262
|
{
|
|
296
263
|
"kind": "javascript-module",
|
|
297
264
|
"path": "src/page-container/PageContainer.ts",
|
|
@@ -449,6 +416,39 @@
|
|
|
449
416
|
}
|
|
450
417
|
]
|
|
451
418
|
},
|
|
419
|
+
{
|
|
420
|
+
"kind": "javascript-module",
|
|
421
|
+
"path": "src/internal/define.ts",
|
|
422
|
+
"declarations": [],
|
|
423
|
+
"exports": [
|
|
424
|
+
{
|
|
425
|
+
"kind": "custom-element-definition",
|
|
426
|
+
"name": "tagName",
|
|
427
|
+
"declaration": {
|
|
428
|
+
"name": "anonymous_0",
|
|
429
|
+
"module": "src/internal/define.ts"
|
|
430
|
+
}
|
|
431
|
+
}
|
|
432
|
+
]
|
|
433
|
+
},
|
|
434
|
+
{
|
|
435
|
+
"kind": "javascript-module",
|
|
436
|
+
"path": "src/internal/events.ts",
|
|
437
|
+
"declarations": [],
|
|
438
|
+
"exports": []
|
|
439
|
+
},
|
|
440
|
+
{
|
|
441
|
+
"kind": "javascript-module",
|
|
442
|
+
"path": "src/internal/part.ts",
|
|
443
|
+
"declarations": [],
|
|
444
|
+
"exports": []
|
|
445
|
+
},
|
|
446
|
+
{
|
|
447
|
+
"kind": "javascript-module",
|
|
448
|
+
"path": "src/internal/slots.ts",
|
|
449
|
+
"declarations": [],
|
|
450
|
+
"exports": []
|
|
451
|
+
},
|
|
452
452
|
{
|
|
453
453
|
"kind": "javascript-module",
|
|
454
454
|
"path": "src/sign-in-page/SignInPage.ts",
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
"use strict";var s=Object.defineProperty;var
|
|
2
|
-
${a.map(
|
|
3
|
-
</ul>`}navItem(a){return a.kind==="divider"?t.html`<li
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
></li>`:a.kind==="header"?t.html`<li class="skdx-dashboard-layout__nav-header">${a.label??""}</li>`:a.href!==void 0?t.html`<li>
|
|
1
|
+
"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">
|
|
2
|
+
${a.map(o=>this.navItem(o))}
|
|
3
|
+
</ul>`}navItem(a){return a.kind==="divider"?t.html`<li>
|
|
4
|
+
<hr class="skdx-dashboard-layout__nav-divider" />
|
|
5
|
+
</li>`:a.kind==="header"?t.html`<li class="skdx-dashboard-layout__nav-header">${a.label??""}</li>`:a.href!==void 0?t.html`<li>
|
|
7
6
|
<a
|
|
8
7
|
class="skdx-dashboard-layout__nav-item"
|
|
9
8
|
href=${a.href}
|
|
@@ -47,4 +46,4 @@
|
|
|
47
46
|
</nav>
|
|
48
47
|
<main class="skdx-dashboard-layout__content"></main>
|
|
49
48
|
</div>
|
|
50
|
-
`}};l([(0,d.property)({type:String})],
|
|
49
|
+
`}};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});
|
|
@@ -1,18 +1,17 @@
|
|
|
1
|
-
var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(l,d,a,
|
|
2
|
-
${a.map(
|
|
3
|
-
</ul>`}navItem(a){return a.kind==="divider"?r`<li
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
></li>`:a.kind==="header"?r`<li class="skdx-dashboard-layout__nav-header">${a.label??""}</li>`:a.href!==void 0?r`<li>
|
|
1
|
+
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">
|
|
2
|
+
${a.map(i=>this.navItem(i))}
|
|
3
|
+
</ul>`}navItem(a){return a.kind==="divider"?r`<li>
|
|
4
|
+
<hr class="skdx-dashboard-layout__nav-divider" />
|
|
5
|
+
</li>`:a.kind==="header"?r`<li class="skdx-dashboard-layout__nav-header">${a.label??""}</li>`:a.href!==void 0?r`<li>
|
|
7
6
|
<a
|
|
8
7
|
class="skdx-dashboard-layout__nav-item"
|
|
9
8
|
href=${a.href}
|
|
10
|
-
aria-current=${a.current?"page":
|
|
9
|
+
aria-current=${a.current?"page":h}
|
|
11
10
|
>${a.label??""}</a
|
|
12
11
|
>
|
|
13
12
|
</li>`:r`<li>
|
|
14
13
|
<span class="skdx-dashboard-layout__nav-item">${a.label??""}</span>
|
|
15
|
-
${a.children?.length?this.navList(a.children):
|
|
14
|
+
${a.children?.length?this.navList(a.children):h}
|
|
16
15
|
</li>`}render(){let a=this.open;return r`
|
|
17
16
|
<header
|
|
18
17
|
class="skdx-dashboard-layout__app-bar"
|
|
@@ -30,7 +29,7 @@ var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(l,d,a,o
|
|
|
30
29
|
☰
|
|
31
30
|
</button>
|
|
32
31
|
<div class="skdx-dashboard-layout__branding"></div>
|
|
33
|
-
${this.title?r`<span class="skdx-dashboard-layout__title">${this.title}</span>`:
|
|
32
|
+
${this.title?r`<span class="skdx-dashboard-layout__title">${this.title}</span>`:h}
|
|
34
33
|
<div class="skdx-dashboard-layout__actions"></div>
|
|
35
34
|
</header>
|
|
36
35
|
<div
|
|
@@ -47,4 +46,4 @@ var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(l,d,a,o
|
|
|
47
46
|
</nav>
|
|
48
47
|
<main class="skdx-dashboard-layout__content"></main>
|
|
49
48
|
</div>
|
|
50
|
-
`}};t([
|
|
49
|
+
`}};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
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skdx/web-components-blocks",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.34.0",
|
|
4
4
|
"description": "Web Components blocks for the SkandaDX design system — page-level compositions of @skdx/web-components styled by @skdx/skins",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
8
8
|
},
|
|
9
|
-
"homepage": "https://github.com/SkandaDX/ui.skdx/tree/main/packages/web-components
|
|
9
|
+
"homepage": "https://github.com/SkandaDX/ui.skdx/tree/main/packages/blocks/web-components#readme",
|
|
10
10
|
"repository": {
|
|
11
|
-
"directory": "packages/web-components
|
|
11
|
+
"directory": "packages/blocks/web-components",
|
|
12
12
|
"type": "git",
|
|
13
13
|
"url": "git+https://github.com/SkandaDX/ui.skdx.git"
|
|
14
14
|
},
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
],
|
|
92
92
|
"peerDependencies": {
|
|
93
93
|
"lit": "^3.3.0",
|
|
94
|
-
"@skdx/web-components": "^0.
|
|
94
|
+
"@skdx/web-components": "^0.34.0"
|
|
95
95
|
},
|
|
96
96
|
"devDependencies": {
|
|
97
97
|
"@custom-elements-manifest/analyzer": "^0.10.4",
|
|
@@ -102,11 +102,11 @@
|
|
|
102
102
|
"tsup": "^8.5.1",
|
|
103
103
|
"typescript": "^6.0.3",
|
|
104
104
|
"vitest": "^4.1.10",
|
|
105
|
-
"@skdx/web-components": "0.
|
|
105
|
+
"@skdx/web-components": "0.34.0"
|
|
106
106
|
},
|
|
107
107
|
"scripts": {
|
|
108
108
|
"lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",
|
|
109
|
-
"build": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\" && tsup && tsc -p tsconfig.build.json --emitDeclarationOnly && node
|
|
109
|
+
"build": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\" && tsup && tsc -p tsconfig.build.json --emitDeclarationOnly && node ../../../scripts/declarations-cjs.mjs",
|
|
110
110
|
"analyze": "cem analyze --litelement --globs \"src/**/*.ts\" --exclude \"src/**/*.test.ts\" --outdir .",
|
|
111
111
|
"dev": "tsup --watch",
|
|
112
112
|
"typecheck": "tsc --noEmit --incremental --tsBuildInfoFile node_modules/.cache/tsc/typecheck.tsbuildinfo",
|