@vonage/vwc-list 2.34.1 → 2.35.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.
Files changed (9) hide show
  1. package/package.json +10 -10
  2. package/src/vwc-check-list-item.ts +35 -2
  3. package/src/vwc-radio-list-item.ts +36 -2
  4. package/vwc-check-list-item.d.ts +2 -0
  5. package/vwc-check-list-item.js +30 -1
  6. package/vwc-check-list-item.js.map +1 -1
  7. package/vwc-radio-list-item.d.ts +2 -0
  8. package/vwc-radio-list-item.js +31 -1
  9. package/vwc-radio-list-item.js.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vwc-list",
3
- "version": "2.34.1",
3
+ "version": "2.35.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.34.1",
32
- "@vonage/vvd-foundation": "2.34.1",
33
- "@vonage/vvd-style-coupling": "2.34.1",
34
- "@vonage/vwc-expansion-panel": "2.34.1",
35
- "@vonage/vwc-icon": "2.34.1",
31
+ "@vonage/vvd-core": "2.35.0",
32
+ "@vonage/vvd-foundation": "2.35.0",
33
+ "@vonage/vvd-style-coupling": "2.35.0",
34
+ "@vonage/vwc-expansion-panel": "2.35.0",
35
+ "@vonage/vwc-icon": "2.35.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.34.1",
41
- "@vonage/vvd-typography": "2.34.1",
42
- "@vonage/vvd-umbrella": "2.34.1",
40
+ "@vonage/vvd-design-tokens": "2.35.0",
41
+ "@vonage/vvd-typography": "2.35.0",
42
+ "@vonage/vvd-umbrella": "2.35.0",
43
43
  "typescript": "^4.3.2"
44
44
  },
45
- "gitHead": "90017917cfc9a4ea2acfa0761c2daf777eb3d503"
45
+ "gitHead": "fcc5fe79ad54db7aa0991c7eb4f4287dfbaa4383"
46
46
  }
package/src/vwc-check-list-item.ts CHANGED
@@ -1,4 +1,7 @@
1
- import { customElement } from 'lit-element';
1
+ import '@vonage/vwc-checkbox';
2
+
3
+ import { classMap } from 'lit-html/directives/class-map.js';
4
+ import { customElement, html } from 'lit-element';
2
5
  import { CheckListItem as MWCCheckListItem } from '@material/mwc-list/mwc-check-list-item.js';
3
6
  import { styles as mwcListItemStyles } from '@material/mwc-list/mwc-list-item.css.js';
4
7
  import { styles as mwcControlListItemStyles } from '@material/mwc-list/mwc-control-list-item.css.js';
@@ -24,4 +27,34 @@ MWCCheckListItem.styles = [
24
27
  * This component is an extension of [<mwc-check-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)
25
28
  */
26
29
  @customElement('vwc-check-list-item')
27
- export class VWCCheckListItem extends MWCCheckListItem { }
30
+ export class VWCCheckListItem extends MWCCheckListItem {
31
+ override render() {
32
+ const checkboxClasses = {
33
+ 'mdc-deprecated-list-item__graphic': this.left,
34
+ 'mdc-deprecated-list-item__meta': !this.left,
35
+ };
36
+
37
+ const text = this.renderText();
38
+ const graphic = this.graphic && this.graphic !== 'control' && !this.left ?
39
+ this.renderGraphic() :
40
+ html``;
41
+ const meta = this.hasMeta && this.left ? this.renderMeta() : html``;
42
+ const ripple = this.renderRipple();
43
+
44
+ return html`
45
+ ${ripple}
46
+ ${graphic}
47
+ ${this.left ? '' : text}
48
+ <span class=${classMap(checkboxClasses)}>
49
+ <vwc-checkbox
50
+ reducedTouchTarget
51
+ tabindex=${this.tabindex}
52
+ .checked=${this.selected}
53
+ ?disabled=${this.disabled}
54
+ @change=${this.onChange}>
55
+ </vwc-checkbox>
56
+ </span>
57
+ ${this.left ? text : ''}
58
+ ${meta}`;
59
+ }
60
+ }
package/src/vwc-radio-list-item.ts CHANGED
@@ -1,4 +1,8 @@
1
- import { customElement } from 'lit-element';
1
+ import '@vonage/vwc-radio';
2
+
3
+ import { ifDefined } from 'lit-html/directives/if-defined.js';
4
+ import { classMap } from 'lit-html/directives/class-map.js';
5
+ import { customElement, html } from 'lit-element';
2
6
  import { RadioListItem as MWCRadioListItem } from '@material/mwc-list/mwc-radio-list-item.js';
3
7
  import { styles as mwcListItemStyles } from '@material/mwc-list/mwc-list-item.css.js';
4
8
  import { styles as mwcControlListItemStyles } from '@material/mwc-list/mwc-control-list-item.css.js';
@@ -24,4 +28,34 @@ MWCRadioListItem.styles = [
24
28
  * This component is an extension of [<mwc-radio-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)
25
29
  */
26
30
  @customElement('vwc-radio-list-item')
27
- export class VWCRadioListItem extends MWCRadioListItem { }
31
+ export class VWCRadioListItem extends MWCRadioListItem {
32
+ override render() {
33
+ const radioClasses = {
34
+ 'mdc-deprecated-list-item__graphic': this.left,
35
+ 'mdc-deprecated-list-item__meta': !this.left,
36
+ };
37
+
38
+ const text = this.renderText();
39
+ const graphic = this.graphic && this.graphic !== 'control' && !this.left ?
40
+ this.renderGraphic() :
41
+ html``;
42
+ const meta = this.hasMeta && this.left ? this.renderMeta() : html``;
43
+ const ripple = this.renderRipple();
44
+
45
+ return html`
46
+ ${ripple}
47
+ ${graphic}
48
+ ${this.left ? '' : text}
49
+ <vwc-radio
50
+ global
51
+ class=${classMap(radioClasses)}
52
+ tabindex=${this.tabindex}
53
+ name=${ifDefined(this.group === null ? undefined : this.group)}
54
+ .checked=${this.selected}
55
+ ?disabled=${this.disabled}
56
+ @checked=${this.onChange}>
57
+ </vwc-radio>
58
+ ${this.left ? text : ''}
59
+ ${meta}`;
60
+ }
61
+ }
package/vwc-check-list-item.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import '@vonage/vwc-checkbox';
1
2
  import { CheckListItem as MWCCheckListItem } from '@material/mwc-list/mwc-check-list-item.js';
2
3
  declare global {
3
4
  interface HTMLElementTagNameMap {
@@ -5,4 +6,5 @@ declare global {
5
6
  }
6
7
  }
7
8
  export declare class VWCCheckListItem extends MWCCheckListItem {
9
+ render(): import("lit-element").TemplateResult;
8
10
  }
package/vwc-check-list-item.js CHANGED
@@ -1,5 +1,7 @@
1
1
  import { __decorate } from "tslib";
2
- import { customElement } from 'lit-element';
2
+ import '@vonage/vwc-checkbox';
3
+ import { classMap } from 'lit-html/directives/class-map.js';
4
+ import { customElement, html } from 'lit-element';
3
5
  import { CheckListItem as MWCCheckListItem } from '@material/mwc-list/mwc-check-list-item.js';
4
6
  import { styles as mwcListItemStyles } from '@material/mwc-list/mwc-list-item.css.js';
5
7
  import { styles as mwcControlListItemStyles } from '@material/mwc-list/mwc-control-list-item.css.js';
@@ -12,6 +14,33 @@ MWCCheckListItem.styles = [
12
14
  vwcCheckListItemStyle,
13
15
  ];
14
16
  let VWCCheckListItem = class VWCCheckListItem extends MWCCheckListItem {
17
+ render() {
18
+ const checkboxClasses = {
19
+ 'mdc-deprecated-list-item__graphic': this.left,
20
+ 'mdc-deprecated-list-item__meta': !this.left,
21
+ };
22
+ const text = this.renderText();
23
+ const graphic = this.graphic && this.graphic !== 'control' && !this.left ?
24
+ this.renderGraphic() :
25
+ html ``;
26
+ const meta = this.hasMeta && this.left ? this.renderMeta() : html ``;
27
+ const ripple = this.renderRipple();
28
+ return html `
29
+ ${ripple}
30
+ ${graphic}
31
+ ${this.left ? '' : text}
32
+ <span class=${classMap(checkboxClasses)}>
33
+ <vwc-checkbox
34
+ reducedTouchTarget
35
+ tabindex=${this.tabindex}
36
+ .checked=${this.selected}
37
+ ?disabled=${this.disabled}
38
+ @change=${this.onChange}>
39
+ </vwc-checkbox>
40
+ </span>
41
+ ${this.left ? text : ''}
42
+ ${meta}`;
43
+ }
15
44
  };
16
45
  VWCCheckListItem = __decorate([
17
46
  customElement('vwc-check-list-item')
package/vwc-check-list-item.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vwc-check-list-item.js","sourceRoot":"","sources":["src/vwc-check-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,wBAAwB,EAAE,MAAM,iDAAiD,CAAC;AACrG,OAAO,EAAE,KAAK,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,oDAAoD,CAAC;AAU5F,gBAAgB,CAAC,MAAM,GAAG;IACzB,aAAa;IACb,iBAAiB;IACjB,wBAAwB;IACxB,qBAAqB;CACrB,CAAC;AAMF,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,gBAAgB;CAAI,CAAA;AAA7C,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAA6B;SAA7C,gBAAgB","sourcesContent":["import { customElement } from 'lit-element';\nimport { CheckListItem as MWCCheckListItem } from '@material/mwc-list/mwc-check-list-item.js';\nimport { styles as mwcListItemStyles } from '@material/mwc-list/mwc-list-item.css.js';\nimport { styles as mwcControlListItemStyles } from '@material/mwc-list/mwc-control-list-item.css.js';\nimport { style as vwcCheckListItemStyle } from './vwc-check-list-item.css.js';\nimport { style as styleCoupling } from '@vonage/vvd-style-coupling/mdc-vvd-coupling.css.js';\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'vwc-check-list-item': VWCCheckListItem;\n\t}\n}\n\n/* eslint-disable @typescript-eslint/ban-ts-comment */\n// @ts-ignore\nMWCCheckListItem.styles = [\n\tstyleCoupling,\n\tmwcListItemStyles,\n\tmwcControlListItemStyles,\n\tvwcCheckListItemStyle,\n];\n\n/**\n * This component is an extension of [<mwc-check-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)\n */\n@customElement('vwc-check-list-item')\nexport class VWCCheckListItem extends MWCCheckListItem { }\n"]}
1
+ {"version":3,"file":"vwc-check-list-item.js","sourceRoot":"","sources":["src/vwc-check-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,wBAAwB,EAAE,MAAM,iDAAiD,CAAC;AACrG,OAAO,EAAE,KAAK,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,oDAAoD,CAAC;AAU5F,gBAAgB,CAAC,MAAM,GAAG;IACzB,aAAa;IACb,iBAAiB;IACjB,wBAAwB;IACxB,qBAAqB;CACrB,CAAC;AAMF,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,gBAAgB;IAC1C,MAAM;QAChB,MAAM,eAAe,GAAG;YACvB,mCAAmC,EAAE,IAAI,CAAC,IAAI;YAC9C,gCAAgC,EAAE,CAAC,IAAI,CAAC,IAAI;SAC5C,CAAC;QAEF,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACzE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YACtB,IAAI,CAAA,EAAE,CAAC;QACR,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,CAAC;QACpE,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAEnC,OAAO,IAAI,CAAA;QACL,MAAM;QACN,OAAO;QACP,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;oBACT,QAAQ,CAAC,eAAe,CAAC;;;uBAGtB,IAAI,CAAC,QAAQ;uBACb,IAAI,CAAC,QAAQ;wBACZ,IAAI,CAAC,QAAQ;sBACf,IAAI,CAAC,QAAQ;;;QAG3B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;QACrB,IAAI,EAAE,CAAC;IACd,CAAC;CACD,CAAA;AA9BY,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CA8B5B;SA9BY,gBAAgB","sourcesContent":["import '@vonage/vwc-checkbox';\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { customElement, html } from 'lit-element';\nimport { CheckListItem as MWCCheckListItem } from '@material/mwc-list/mwc-check-list-item.js';\nimport { styles as mwcListItemStyles } from '@material/mwc-list/mwc-list-item.css.js';\nimport { styles as mwcControlListItemStyles } from '@material/mwc-list/mwc-control-list-item.css.js';\nimport { style as vwcCheckListItemStyle } from './vwc-check-list-item.css.js';\nimport { style as styleCoupling } from '@vonage/vvd-style-coupling/mdc-vvd-coupling.css.js';\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'vwc-check-list-item': VWCCheckListItem;\n\t}\n}\n\n/* eslint-disable @typescript-eslint/ban-ts-comment */\n// @ts-ignore\nMWCCheckListItem.styles = [\n\tstyleCoupling,\n\tmwcListItemStyles,\n\tmwcControlListItemStyles,\n\tvwcCheckListItemStyle,\n];\n\n/**\n * This component is an extension of [<mwc-check-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)\n */\n@customElement('vwc-check-list-item')\nexport class VWCCheckListItem extends MWCCheckListItem {\n\t override render() {\n\t\tconst checkboxClasses = {\n\t\t\t'mdc-deprecated-list-item__graphic': this.left,\n\t\t\t'mdc-deprecated-list-item__meta': !this.left,\n\t\t};\n\n\t\tconst text = this.renderText();\n\t\tconst graphic = this.graphic && this.graphic !== 'control' && !this.left ?\n\t\t\tthis.renderGraphic() :\n\t\t\thtml``;\n\t\tconst meta = this.hasMeta && this.left ? this.renderMeta() : html``;\n\t\tconst ripple = this.renderRipple();\n\n\t\treturn html`\n ${ripple}\n ${graphic}\n ${this.left ? '' : text}\n <span class=${classMap(checkboxClasses)}>\n <vwc-checkbox\n reducedTouchTarget\n tabindex=${this.tabindex}\n .checked=${this.selected}\n ?disabled=${this.disabled}\n @change=${this.onChange}>\n </vwc-checkbox>\n </span>\n ${this.left ? text : ''}\n ${meta}`;\n\t}\n}\n"]}
package/vwc-radio-list-item.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import '@vonage/vwc-radio';
1
2
  import { RadioListItem as MWCRadioListItem } from '@material/mwc-list/mwc-radio-list-item.js';
2
3
  declare global {
3
4
  interface HTMLElementTagNameMap {
@@ -5,4 +6,5 @@ declare global {
5
6
  }
6
7
  }
7
8
  export declare class VWCRadioListItem extends MWCRadioListItem {
9
+ render(): import("lit-element").TemplateResult;
8
10
  }
package/vwc-radio-list-item.js CHANGED
@@ -1,5 +1,8 @@
1
1
  import { __decorate } from "tslib";
2
- import { customElement } from 'lit-element';
2
+ import '@vonage/vwc-radio';
3
+ import { ifDefined } from 'lit-html/directives/if-defined.js';
4
+ import { classMap } from 'lit-html/directives/class-map.js';
5
+ import { customElement, html } from 'lit-element';
3
6
  import { RadioListItem as MWCRadioListItem } from '@material/mwc-list/mwc-radio-list-item.js';
4
7
  import { styles as mwcListItemStyles } from '@material/mwc-list/mwc-list-item.css.js';
5
8
  import { styles as mwcControlListItemStyles } from '@material/mwc-list/mwc-control-list-item.css.js';
@@ -12,6 +15,33 @@ MWCRadioListItem.styles = [
12
15
  vwcRadioListItemStyle,
13
16
  ];
14
17
  let VWCRadioListItem = class VWCRadioListItem extends MWCRadioListItem {
18
+ render() {
19
+ const radioClasses = {
20
+ 'mdc-deprecated-list-item__graphic': this.left,
21
+ 'mdc-deprecated-list-item__meta': !this.left,
22
+ };
23
+ const text = this.renderText();
24
+ const graphic = this.graphic && this.graphic !== 'control' && !this.left ?
25
+ this.renderGraphic() :
26
+ html ``;
27
+ const meta = this.hasMeta && this.left ? this.renderMeta() : html ``;
28
+ const ripple = this.renderRipple();
29
+ return html `
30
+ ${ripple}
31
+ ${graphic}
32
+ ${this.left ? '' : text}
33
+ <vwc-radio
34
+ global
35
+ class=${classMap(radioClasses)}
36
+ tabindex=${this.tabindex}
37
+ name=${ifDefined(this.group === null ? undefined : this.group)}
38
+ .checked=${this.selected}
39
+ ?disabled=${this.disabled}
40
+ @checked=${this.onChange}>
41
+ </vwc-radio>
42
+ ${this.left ? text : ''}
43
+ ${meta}`;
44
+ }
15
45
  };
16
46
  VWCRadioListItem = __decorate([
17
47
  customElement('vwc-radio-list-item')
package/vwc-radio-list-item.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vwc-radio-list-item.js","sourceRoot":"","sources":["src/vwc-radio-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,wBAAwB,EAAE,MAAM,iDAAiD,CAAC;AACrG,OAAO,EAAE,KAAK,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,oDAAoD,CAAC;AAU5F,gBAAgB,CAAC,MAAM,GAAG;IACzB,aAAa;IACb,iBAAiB;IACjB,wBAAwB;IACxB,qBAAqB;CACrB,CAAC;AAMF,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,gBAAgB;CAAI,CAAA;AAA7C,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAA6B;SAA7C,gBAAgB","sourcesContent":["import { customElement } from 'lit-element';\nimport { RadioListItem as MWCRadioListItem } from '@material/mwc-list/mwc-radio-list-item.js';\nimport { styles as mwcListItemStyles } from '@material/mwc-list/mwc-list-item.css.js';\nimport { styles as mwcControlListItemStyles } from '@material/mwc-list/mwc-control-list-item.css.js';\nimport { style as vwcRadioListItemStyle } from './vwc-radio-list-item.css.js';\nimport { style as styleCoupling } from '@vonage/vvd-style-coupling/mdc-vvd-coupling.css.js';\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'vwc-radio-list-item': VWCRadioListItem;\n\t}\n}\n\n/* eslint-disable @typescript-eslint/ban-ts-comment */\n// @ts-ignore\nMWCRadioListItem.styles = [\n\tstyleCoupling,\n\tmwcListItemStyles,\n\tmwcControlListItemStyles,\n\tvwcRadioListItemStyle,\n];\n\n/**\n * This component is an extension of [<mwc-radio-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)\n */\n@customElement('vwc-radio-list-item')\nexport class VWCRadioListItem extends MWCRadioListItem { }\n"]}
1
+ {"version":3,"file":"vwc-radio-list-item.js","sourceRoot":"","sources":["src/vwc-radio-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,wBAAwB,EAAE,MAAM,iDAAiD,CAAC;AACrG,OAAO,EAAE,KAAK,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,oDAAoD,CAAC;AAU5F,gBAAgB,CAAC,MAAM,GAAG;IACzB,aAAa;IACb,iBAAiB;IACjB,wBAAwB;IACxB,qBAAqB;CACrB,CAAC;AAMF,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,gBAAgB;IAC5C,MAAM;QACd,MAAM,YAAY,GAAG;YACpB,mCAAmC,EAAE,IAAI,CAAC,IAAI;YAC9C,gCAAgC,EAAE,CAAC,IAAI,CAAC,IAAI;SAC5C,CAAC;QAEF,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACzE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YACtB,IAAI,CAAA,EAAE,CAAC;QACR,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,CAAC;QACpE,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAEnC,OAAO,IAAI,CAAA;QACL,MAAM;QACN,OAAO;QACP,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;;kBAGX,QAAQ,CAAC,YAAY,CAAC;qBACnB,IAAI,CAAC,QAAQ;iBACjB,SAAS,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;qBACnD,IAAI,CAAC,QAAQ;sBACZ,IAAI,CAAC,QAAQ;qBACd,IAAI,CAAC,QAAQ;;QAE1B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;QACrB,IAAI,EAAE,CAAC;IACd,CAAC;CACD,CAAA;AA9BY,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CA8B5B;SA9BY,gBAAgB","sourcesContent":["import '@vonage/vwc-radio';\n\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { customElement, html } from 'lit-element';\nimport { RadioListItem as MWCRadioListItem } from '@material/mwc-list/mwc-radio-list-item.js';\nimport { styles as mwcListItemStyles } from '@material/mwc-list/mwc-list-item.css.js';\nimport { styles as mwcControlListItemStyles } from '@material/mwc-list/mwc-control-list-item.css.js';\nimport { style as vwcRadioListItemStyle } from './vwc-radio-list-item.css.js';\nimport { style as styleCoupling } from '@vonage/vvd-style-coupling/mdc-vvd-coupling.css.js';\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'vwc-radio-list-item': VWCRadioListItem;\n\t}\n}\n\n/* eslint-disable @typescript-eslint/ban-ts-comment */\n// @ts-ignore\nMWCRadioListItem.styles = [\n\tstyleCoupling,\n\tmwcListItemStyles,\n\tmwcControlListItemStyles,\n\tvwcRadioListItemStyle,\n];\n\n/**\n * This component is an extension of [<mwc-radio-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)\n */\n@customElement('vwc-radio-list-item')\nexport class VWCRadioListItem extends MWCRadioListItem {\n\toverride render() {\n\t\tconst radioClasses = {\n\t\t\t'mdc-deprecated-list-item__graphic': this.left,\n\t\t\t'mdc-deprecated-list-item__meta': !this.left,\n\t\t};\n\n\t\tconst text = this.renderText();\n\t\tconst graphic = this.graphic && this.graphic !== 'control' && !this.left ?\n\t\t\tthis.renderGraphic() :\n\t\t\thtml``;\n\t\tconst meta = this.hasMeta && this.left ? this.renderMeta() : html``;\n\t\tconst ripple = this.renderRipple();\n\n\t\treturn html`\n ${ripple}\n ${graphic}\n ${this.left ? '' : text}\n <vwc-radio\n global\n class=${classMap(radioClasses)}\n tabindex=${this.tabindex}\n name=${ifDefined(this.group === null ? undefined : this.group)}\n .checked=${this.selected}\n ?disabled=${this.disabled}\n @checked=${this.onChange}>\n </vwc-radio>\n ${this.left ? text : ''}\n ${meta}`;\n\t}\n}\n"]}