@vonage/vwc-list 2.28.1 → 2.30.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vonage/vwc-list",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.30.0",
|
|
4
4
|
"description": "list and list item components",
|
|
5
5
|
"homepage": "https://github.com/Vonage/vivid/tree/master/components/list#readme",
|
|
6
6
|
"license": "ISC",
|
|
@@ -28,19 +28,19 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@material/mwc-list": "^0.22.1",
|
|
31
|
-
"@vonage/vvd-core": "2.
|
|
32
|
-
"@vonage/vvd-foundation": "2.
|
|
33
|
-
"@vonage/vvd-style-coupling": "2.
|
|
34
|
-
"@vonage/vwc-expansion-panel": "2.
|
|
35
|
-
"@vonage/vwc-icon": "2.
|
|
31
|
+
"@vonage/vvd-core": "2.30.0",
|
|
32
|
+
"@vonage/vvd-foundation": "2.30.0",
|
|
33
|
+
"@vonage/vvd-style-coupling": "2.30.0",
|
|
34
|
+
"@vonage/vwc-expansion-panel": "2.30.0",
|
|
35
|
+
"@vonage/vwc-icon": "2.30.0",
|
|
36
36
|
"lit-element": "^2.4.0",
|
|
37
37
|
"tslib": "^2.3.0"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@vonage/vvd-design-tokens": "2.
|
|
41
|
-
"@vonage/vvd-typography": "2.
|
|
42
|
-
"@vonage/vvd-umbrella": "2.
|
|
40
|
+
"@vonage/vvd-design-tokens": "2.30.0",
|
|
41
|
+
"@vonage/vvd-typography": "2.30.0",
|
|
42
|
+
"@vonage/vvd-umbrella": "2.30.0",
|
|
43
43
|
"typescript": "^4.3.2"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "1dd4407dcd2fd301e5cb53b55bb0e552c3fc91d4"
|
|
46
46
|
}
|
|
@@ -24,7 +24,7 @@ declare global {
|
|
|
24
24
|
export class VWCListExpansionPanel extends VWCExpansionPanelBase {
|
|
25
25
|
static override styles = style;
|
|
26
26
|
|
|
27
|
-
headerListItemIcon?: VWCIcon;
|
|
27
|
+
headerListItemIcon?: typeof VWCIcon;
|
|
28
28
|
|
|
29
29
|
// @property({ type: Boolean }) quick = false; // TODO add animation
|
|
30
30
|
|
|
@@ -43,7 +43,7 @@ export class VWCListExpansionPanel extends VWCExpansionPanelBase {
|
|
|
43
43
|
|
|
44
44
|
override openChanged(isOpen: boolean): void {
|
|
45
45
|
super.openChanged(isOpen);
|
|
46
|
-
(this.headerListItemIcon as Element).setAttribute(
|
|
46
|
+
(this.headerListItemIcon as unknown as Element).setAttribute(
|
|
47
47
|
'type',
|
|
48
48
|
isOpen ? 'up' : 'down'
|
|
49
49
|
);
|
|
@@ -72,13 +72,14 @@ function mountIcon(headerListItem: ListItemBase) {
|
|
|
72
72
|
icon.setAttribute('slot', 'meta');
|
|
73
73
|
headerListItem.appendChild(icon);
|
|
74
74
|
headerListItem.setAttribute('hasMeta', ''); // side effect setting attribute to match icon usage
|
|
75
|
-
return icon as VWCIcon;
|
|
75
|
+
return icon as unknown as typeof VWCIcon;
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
function getHeaderListItemIcon(headerListItem: ListItemBase) {
|
|
79
|
-
let icon = headerListItem.querySelector('vwc-icon[slot="meta"]');
|
|
79
|
+
let icon = headerListItem.querySelector('vwc-icon[slot="meta"]') as unknown as typeof VWCIcon;
|
|
80
80
|
if (!icon) {
|
|
81
81
|
icon = mountIcon(headerListItem);
|
|
82
82
|
}
|
|
83
|
-
return icon
|
|
83
|
+
return icon;
|
|
84
84
|
}
|
|
85
|
+
|
|
@@ -9,7 +9,7 @@ declare global {
|
|
|
9
9
|
}
|
|
10
10
|
export declare class VWCListExpansionPanel extends VWCExpansionPanelBase {
|
|
11
11
|
static styles: import("lit-element").CSSResult;
|
|
12
|
-
headerListItemIcon?: VWCIcon;
|
|
12
|
+
headerListItemIcon?: typeof VWCIcon;
|
|
13
13
|
headerNodes?: HTMLElement[] | null;
|
|
14
14
|
firstUpdated(changedProperties: PropertyValues): void;
|
|
15
15
|
openChanged(isOpen: boolean): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vwc-list-expansion-panel.js","sourceRoot":"","sources":["src/vwc-list-expansion-panel.ts"],"names":[],"mappings":";AACA,OAAO,EACN,aAAa,EACb,IAAI,EACJ,kBAAkB,GAElB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yDAAyD,CAAC;AAChG,OAAO,EAAE,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAYjE,IAAa,qBAAqB,GAAlC,MAAa,qBAAsB,SAAQ,qBAAqB;IAUtD,YAAY,CAAC,iBAAiC;QACtD,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACtC,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC3D,IAAI,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,cAAc,CAAC,CAAC;QAEhE,cAAc,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE;YACxD,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QACxB,CAAC,CAAC,CAAC;IACJ,CAAC;IAEQ,WAAW,CAAC,MAAe;QACnC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACzB,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"vwc-list-expansion-panel.js","sourceRoot":"","sources":["src/vwc-list-expansion-panel.ts"],"names":[],"mappings":";AACA,OAAO,EACN,aAAa,EACb,IAAI,EACJ,kBAAkB,GAElB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yDAAyD,CAAC;AAChG,OAAO,EAAE,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAYjE,IAAa,qBAAqB,GAAlC,MAAa,qBAAsB,SAAQ,qBAAqB;IAUtD,YAAY,CAAC,iBAAiC;QACtD,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACtC,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC3D,IAAI,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,cAAc,CAAC,CAAC;QAEhE,cAAc,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE;YACxD,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QACxB,CAAC,CAAC,CAAC;IACJ,CAAC;IAEQ,WAAW,CAAC,MAAe;QACnC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACzB,IAAI,CAAC,kBAAyC,CAAC,YAAY,CAC3D,MAAM,EACN,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CACtB,CAAC;IACH,CAAC;IAEQ,MAAM;QACd,OAAO,IAAI,CAAA;yCAC4B,CAAC;IACzC,CAAC;CACD,CAAA;AA/BgB,4BAAM,GAAG,KAAK,CAAC;AAO9B;IADA,kBAAkB,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAe,CAAC;0DAChB;AARxB,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAgCjC;SAhCY,qBAAqB;AAoClC,SAAS,iBAAiB,CAAC,WAAoB;IAC9C,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,iBAAiB,WAAW,EAAE,CAAC,CAAC;IACnE,MAAM,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,aAAa,WAAW,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,cAAc,CAAC,GAAG,WAAW,CAAC;IACrC,MAAM,CACL,cAAc,YAAY,YAAY,EACtC,oBAAoB,cAAc,EAAE,CACpC,CAAC;IACF,OAAO,cAAc,CAAC;AACvB,CAAC;AACD,SAAS,SAAS,CAAC,cAA4B;IAC9C,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAChD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACjC,cAAc,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IAC3C,OAAO,IAAiC,CAAC;AAC1C,CAAC;AAED,SAAS,qBAAqB,CAAC,cAA4B;IAC1D,IAAI,IAAI,GAAG,cAAc,CAAC,aAAa,CAAC,uBAAuB,CAA8B,CAAC;IAC9F,IAAI,CAAC,IAAI,EAAE;QACV,IAAI,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;KACjC;IACD,OAAO,IAAI,CAAC;AACb,CAAC","sourcesContent":["import type { VWCIcon } from '@vonage/vwc-icon';\nimport {\n\tcustomElement,\n\thtml,\n\tqueryAssignedNodes,\n\tTemplateResult,\n} from 'lit-element';\nimport type { PropertyValues } from 'lit-element';\nimport { style } from './vwc-list-expansion-panel.css.js';\nimport { ListItemBase } from '@material/mwc-list/mwc-list-item-base.js';\nimport { VWCExpansionPanelBase } from '@vonage/vwc-expansion-panel/vwc-expansion-panel-base.js';\nimport { assert } from '@vonage/vvd-foundation/general-utils.js';\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'vwc-list-expansion-panel': VWCListExpansionPanel;\n\t}\n}\n\n/**\n * This component support expand-collapse list\n */\n@customElement('vwc-list-expansion-panel')\nexport class VWCListExpansionPanel extends VWCExpansionPanelBase {\n\tstatic override styles = style;\n\n\theaderListItemIcon?: typeof VWCIcon;\n\n\t// @property({ type: Boolean }) quick = false; // TODO add animation\n\n\t@queryAssignedNodes('header', true, 'vwc-list-item')\n\t\theaderNodes?: HTMLElement[] | null;\n\n\toverride firstUpdated(changedProperties: PropertyValues): void {\n\t\tsuper.firstUpdated(changedProperties);\n\t\tconst headerListItem = getHeaderListItem(this.headerNodes);\n\t\tthis.headerListItemIcon = getHeaderListItemIcon(headerListItem);\n\n\t\theaderListItem.addEventListener('request-selected', () => {\n\t\t\tthis.open = !this.open;\n\t\t});\n\t}\n\n\toverride openChanged(isOpen: boolean): void {\n\t\tsuper.openChanged(isOpen);\n\t\t(this.headerListItemIcon as unknown as Element).setAttribute(\n\t\t\t'type',\n\t\t\tisOpen ? 'up' : 'down'\n\t\t);\n\t}\n\n\toverride render(): TemplateResult {\n\t\treturn html`<slot name=\"header\"></slot>\n\t\t\t<div class=\"body\"><slot></slot></div>`;\n\t}\n}\n\n/// UTIL FNS\n\nfunction getHeaderListItem(headerNodes: unknown) {\n\tassert(Array.isArray(headerNodes), `Not an array: ${headerNodes}`);\n\tassert(headerNodes.length > 0, `is empty: ${headerNodes}`);\n\tconst [headerListItem] = headerNodes;\n\tassert(\n\t\theaderListItem instanceof ListItemBase,\n\t\t`Not a list item: ${headerListItem}`\n\t);\n\treturn headerListItem;\n}\nfunction mountIcon(headerListItem: ListItemBase) {\n\tconst icon = document.createElement('vwc-icon');\n\ticon.setAttribute('slot', 'meta');\n\theaderListItem.appendChild(icon);\n\theaderListItem.setAttribute('hasMeta', ''); // side effect setting attribute to match icon usage\n\treturn icon as unknown as typeof VWCIcon;\n}\n\nfunction getHeaderListItemIcon(headerListItem: ListItemBase) {\n\tlet icon = headerListItem.querySelector('vwc-icon[slot=\"meta\"]') as unknown as typeof VWCIcon;\n\tif (!icon) {\n\t\ticon = mountIcon(headerListItem);\n\t}\n\treturn icon;\n}\n\n"]}
|