@covalent/components 6.2.3 → 6.3.0-beta.2

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.
@@ -1,9 +1,9 @@
1
- import { i as l, r as h, l as d, y as c, b as v, e as f } from "./query-assigned-elements-514e5265.mjs";
2
- import { e as m } from "./property-ca27685b.mjs";
3
- import { C as u, s as g } from "./list-d616957b.mjs";
4
- import "./mwc-list-base-c0f8af1c.mjs";
5
- import "./tslib.es6-b5e819a6.mjs";
1
+ import { i as c, r as m, l as v, b as a, y as p, e as g } from "./query-assigned-elements-514e5265.mjs";
2
+ import { e as h } from "./property-ca27685b.mjs";
3
+ import x from "./nav-list-item.mjs";
4
+ import "./list-item-e90b76c3.mjs";
6
5
  import "./mwc-list-item-base-acef0223.mjs";
6
+ import "./tslib.es6-b5e819a6.mjs";
7
7
  import "./ripple-handlers-227497d3.mjs";
8
8
  import "./base-element-c3dc926e.mjs";
9
9
  import "./utils-dc65fdc9.mjs";
@@ -12,16 +12,15 @@ import "./query-1e7846ea.mjs";
12
12
  import "./class-map-08c84aeb.mjs";
13
13
  import "./style-map-2cb0fb63.mjs";
14
14
  import "./observer-be7b92e2.mjs";
15
- import "./query-assigned-nodes-bea12e0c.mjs";
16
- import "./if-defined-639ed018.mjs";
17
- const x = `.mdc-deprecated-list{--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden;height:var(--cv-list-menu-height, 0)}.mdc-deprecated-list slot::slotted(*){height:32px}:host([open]) ul{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}
15
+ import "./mwc-list-item.css-b5481d96.mjs";
16
+ const f = `.mdc-deprecated-list slot::slotted(*){height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:0 28px 28px 0;margin-right:16px}:host{flex-direction:column;overflow:visible;height:inherit!important;background:none;margin:0 16px 0 0;padding:0;--mdc-ripple-color: transparent;--mdc-list-side-padding: 0}:host([activated]){--mdc-ripple-color: transparent}.expansion-header{--mdc-ripple-color: var(--mdc-theme-primary);border-radius:0 28px 28px 0;position:relative;height:48px;width:100%;overflow:hidden;display:flex;flex-shrink:0;align-items:center}.expansion-header-inner{padding:0 16px}.expansion-icon{padding-left:16px}.expansion-panel{display:block;width:100%;height:var(--cv-list-menu-height, 0);--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden}:host([open]) .expansion-panel{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}
18
17
  `;
19
- var O = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (e, i, t, o) => {
20
- for (var r = o > 1 ? void 0 : o ? b(i, t) : i, p = e.length - 1, a; p >= 0; p--)
21
- (a = e[p]) && (r = (o ? a(i, t, r) : a(r)) || r);
22
- return o && r && O(i, t, r), r;
23
- };
24
- let s = class extends u {
18
+ var u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, b = Object.getPrototypeOf, y = Reflect.get, l = (e, i, t, o) => {
19
+ for (var r = o > 1 ? void 0 : o ? _(i, t) : i, s = e.length - 1, d; s >= 0; s--)
20
+ (d = e[s]) && (r = (o ? d(i, t, r) : d(r)) || r);
21
+ return o && r && u(i, t, r), r;
22
+ }, w = (e, i, t) => y(b(e), t, i);
23
+ let n = class extends x {
25
24
  constructor() {
26
25
  super(), this.open = !1, this.navOpen = !1;
27
26
  }
@@ -36,38 +35,41 @@ let s = class extends u {
36
35
  });
37
36
  }
38
37
  render() {
39
- return c`
40
- <slot name="expansionHeader" @click=${this._toggleOpen}></slot>
41
- ${this.navOpen ? super.render() : v}
38
+ const e = this.renderText(), i = this.graphic ? this.renderGraphic() : a, t = this.hasMeta ? this.renderMeta() : a, o = this.open ? "arrow_drop_down" : "arrow_right", r = this.navOpen ? p`<cv-icon class="expansion-icon">${o}</cv-icon>` : a, s = p`<slot name="child"></slot>`;
39
+ return p`
40
+ <div @click=${this._toggleOpen} class="expansion-header">
41
+ ${this.renderRipple()} ${r} ${i} ${e} ${t} ${s}
42
+ </div>
43
+ ${this.navOpen ? p`<div class="expansion-panel">
44
+ <slot name="expansion-panel"></slot>
45
+ </div>` : a}
42
46
  `;
43
47
  }
44
48
  };
45
- s.styles = [
46
- l`
47
- ${h(g)}
49
+ n.styles = [
50
+ c`
51
+ ${m(f)},
48
52
  `,
49
- l`
50
- ${h(x)}
51
- `
53
+ ...w(n, n, "styles")
52
54
  ];
53
- s.shadowRootOptions = {
55
+ n.shadowRootOptions = {
54
56
  mode: "open",
55
57
  delegatesFocus: !0
56
58
  };
57
- n([
58
- m({ type: Boolean, reflect: !0 })
59
- ], s.prototype, "open", 2);
60
- n([
61
- m({ type: Boolean, reflect: !0 })
62
- ], s.prototype, "navOpen", 2);
63
- n([
64
- d({ slot: "expansionHeader" })
65
- ], s.prototype, "expansionHeader", 2);
66
- s = n([
67
- f("cv-expansion-list")
68
- ], s);
69
- const z = s;
59
+ l([
60
+ h({ type: Boolean, reflect: !0 })
61
+ ], n.prototype, "open", 2);
62
+ l([
63
+ h({ type: Boolean, reflect: !0 })
64
+ ], n.prototype, "navOpen", 2);
65
+ l([
66
+ v({ slot: "expansionHeader" })
67
+ ], n.prototype, "expansionHeader", 2);
68
+ n = l([
69
+ g("cv-expansion-list")
70
+ ], n);
71
+ const k = n;
70
72
  export {
71
- s as CovalentExpansionList,
72
- z as default
73
+ n as CovalentExpansionList,
74
+ k as default
73
75
  };
@@ -0,0 +1,8 @@
1
+ "use strict";const a=require("./mwc-list-item-base-803b9771.js"),e=require("./query-assigned-elements-07e38f46.js"),c=require("./mwc-list-item.css-401e2407.js"),m=`.expansion-icon{margin-left:-16px;margin-right:-8px;color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}:host([childItem]) .mdc-deprecated-list-item__text{padding-left:56px}
2
+ `;var v=Object.defineProperty,I=Object.getOwnPropertyDescriptor,p=(n,s,r,i)=>{for(var t=i>1?void 0:i?I(s,r):s,o=n.length-1,l;o>=0;o--)(l=n[o])&&(t=(i?l(s,r,t):l(t))||t);return i&&t&&v(s,r,t),t};exports.CovalentListItem=class extends a.ListItemBase{};exports.CovalentListItem.styles=[e.i`
3
+ ${e.r(c.styles)}
4
+ `,e.i`
5
+ ${e.r(c.styles$1)}
6
+ `,e.i`
7
+ ${e.r(m)}
8
+ `];exports.CovalentListItem=p([e.e("cv-list-item")],exports.CovalentListItem);const L=exports.CovalentListItem;exports.CovalentListItem$1=L;exports.styles=m;
@@ -0,0 +1,32 @@
1
+ import { L as c } from "./mwc-list-item-base-acef0223.mjs";
2
+ import { i as n, r as l, e as p } from "./query-assigned-elements-514e5265.mjs";
3
+ import { s as v, a as f } from "./mwc-list-item.css-b5481d96.mjs";
4
+ const x = `.expansion-icon{margin-left:-16px;margin-right:-8px;color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}:host([childItem]) .mdc-deprecated-list-item__text{padding-left:56px}
5
+ `;
6
+ var d = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, g = (m, e, o, s) => {
7
+ for (var t = s > 1 ? void 0 : s ? _(e, o) : e, a = m.length - 1, i; a >= 0; a--)
8
+ (i = m[a]) && (t = (s ? i(e, o, t) : i(t)) || t);
9
+ return s && t && d(e, o, t), t;
10
+ };
11
+ let r = class extends c {
12
+ };
13
+ r.styles = [
14
+ n`
15
+ ${l(v)}
16
+ `,
17
+ n`
18
+ ${l(f)}
19
+ `,
20
+ n`
21
+ ${l(x)}
22
+ `
23
+ ];
24
+ r = g([
25
+ p("cv-list-item")
26
+ ], r);
27
+ const u = r;
28
+ export {
29
+ r as C,
30
+ u as a,
31
+ x as s
32
+ };
package/list-item.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./mwc-list-item-base-803b9771.js");require("./query-assigned-elements-07e38f46.js");require("./property-074570d1.js");require("./mwc-list-item.css-401e2407.js");const e=require("./list-item-3fa66f09.js");require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>e.CovalentListItem});exports.default=e.CovalentListItem$1;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./mwc-list-item-base-803b9771.js");require("./query-assigned-elements-07e38f46.js");require("./mwc-list-item.css-401e2407.js");const e=require("./list-item-bd3e32a3.js");require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./property-074570d1.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>e.CovalentListItem});exports.default=e.CovalentListItem$1;
package/list-item.mjs CHANGED
@@ -1,12 +1,12 @@
1
1
  import "./mwc-list-item-base-acef0223.mjs";
2
2
  import "./query-assigned-elements-514e5265.mjs";
3
- import "./property-ca27685b.mjs";
4
3
  import "./mwc-list-item.css-b5481d96.mjs";
5
- import { C as v, a as x } from "./list-item-d5c05e10.mjs";
4
+ import { C as v, a as x } from "./list-item-e90b76c3.mjs";
6
5
  import "./tslib.es6-b5e819a6.mjs";
7
6
  import "./ripple-handlers-227497d3.mjs";
8
7
  import "./base-element-c3dc926e.mjs";
9
8
  import "./utils-dc65fdc9.mjs";
9
+ import "./property-ca27685b.mjs";
10
10
  import "./state-6f7e570d.mjs";
11
11
  import "./query-1e7846ea.mjs";
12
12
  import "./class-map-08c84aeb.mjs";
package/list.js CHANGED
@@ -1 +1,6 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./mwc-list-base-7d5f7278.js");const e=require("./list-defdaa3b.js");require("./query-assigned-elements-07e38f46.js");require("./property-074570d1.js");require("./tslib.es6-6b53b818.js");require("./mwc-list-item-base-803b9771.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");require("./query-assigned-nodes-9ec0fa5f.js");require("./if-defined-cb12d481.js");Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>e.CovalentList});exports.default=e.CovalentList$1;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements-07e38f46.js"),l=require("./property-074570d1.js"),c=require("./mwc-list-base-7d5f7278.js");require("./tslib.es6-6b53b818.js");require("./mwc-list-item-base-803b9771.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");require("./query-assigned-nodes-9ec0fa5f.js");require("./if-defined-cb12d481.js");/**
2
+ * @license
3
+ * Copyright 2021 Google LLC
4
+ * SPDX-LIcense-Identifier: Apache-2.0
5
+ */const p=a.i`@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{display:block}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));padding:var(--mdc-list-vertical-padding, 8px) 0}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mdc-deprecated-list ::slotted([divider]){height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list ::slotted([divider][padded]){margin:0 var(--mdc-list-side-padding, 16px)}.mdc-deprecated-list ::slotted([divider][inset]){margin-left:var(--mdc-list-inset-margin, 72px);margin-right:0;width:calc( 100% - var(--mdc-list-inset-margin, 72px) )}[dir=rtl] .mdc-deprecated-list ::slotted([divider][inset]),.mdc-deprecated-list ::slotted([divider][inset][dir=rtl]){margin-left:0;margin-right:var(--mdc-list-inset-margin, 72px)}.mdc-deprecated-list ::slotted([divider][inset][padded]){width:calc( 100% - var(--mdc-list-inset-margin, 72px) - var(--mdc-list-side-padding, 16px) )}.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:40px}.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 20px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense ::slotted([mwc-list-item]),.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 36px}:host([noninteractive]){pointer-events:none;cursor:default}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text){display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}`,m=`:host(.subnav) ::slotted(*){height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:0 28px 28px 0}
6
+ `;var g=Object.defineProperty,h=Object.getOwnPropertyDescriptor,o=(s,t,r,i)=>{for(var e=i>1?void 0:i?h(t,r):t,d=s.length-1,n;d>=0;d--)(n=s[d])&&(e=(i?n(t,r,e):n(e))||e);return i&&e&&g(t,r,e),e};exports.CovalentList=class extends c.ListBase{constructor(){super(...arguments),this.navOpen=!1}async getUpdateComplete(){return this.slotElements.forEach(t=>{t.setAttribute("navopen",this.navOpen.toString())}),await super.getUpdateComplete()}attributeChangedCallback(t,r,i){super.attributeChangedCallback(t,r,i),t==="navopen"&&this.slotElements.forEach(e=>{i==="true"?e.setAttribute("navopen",i):e.removeAttribute("navopen")})}};exports.CovalentList.styles=[p,a.i`${a.r(m)}`];o([a.l({flatten:!0})],exports.CovalentList.prototype,"slotElements",2);o([l.e({type:Boolean,reflect:!0})],exports.CovalentList.prototype,"navOpen",2);exports.CovalentList=o([a.e("cv-list")],exports.CovalentList);const f=exports.CovalentList;exports.default=f;
package/list.mjs CHANGED
@@ -1,7 +1,6 @@
1
- import "./mwc-list-base-c0f8af1c.mjs";
2
- import { C as L, a as b } from "./list-d616957b.mjs";
3
- import "./query-assigned-elements-514e5265.mjs";
4
- import "./property-ca27685b.mjs";
1
+ import { i as p, r as l, l as m, e as c } from "./query-assigned-elements-514e5265.mjs";
2
+ import { e as g } from "./property-ca27685b.mjs";
3
+ import { L as h } from "./mwc-list-base-c0f8af1c.mjs";
5
4
  import "./tslib.es6-b5e819a6.mjs";
6
5
  import "./mwc-list-item-base-acef0223.mjs";
7
6
  import "./ripple-handlers-227497d3.mjs";
@@ -14,7 +13,48 @@ import "./style-map-2cb0fb63.mjs";
14
13
  import "./observer-be7b92e2.mjs";
15
14
  import "./query-assigned-nodes-bea12e0c.mjs";
16
15
  import "./if-defined-639ed018.mjs";
16
+ /**
17
+ * @license
18
+ * Copyright 2021 Google LLC
19
+ * SPDX-LIcense-Identifier: Apache-2.0
20
+ */
21
+ const f = p`@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{display:block}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));padding:var(--mdc-list-vertical-padding, 8px) 0}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mdc-deprecated-list ::slotted([divider]){height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list ::slotted([divider][padded]){margin:0 var(--mdc-list-side-padding, 16px)}.mdc-deprecated-list ::slotted([divider][inset]){margin-left:var(--mdc-list-inset-margin, 72px);margin-right:0;width:calc( 100% - var(--mdc-list-inset-margin, 72px) )}[dir=rtl] .mdc-deprecated-list ::slotted([divider][inset]),.mdc-deprecated-list ::slotted([divider][inset][dir=rtl]){margin-left:0;margin-right:var(--mdc-list-inset-margin, 72px)}.mdc-deprecated-list ::slotted([divider][inset][padded]){width:calc( 100% - var(--mdc-list-inset-margin, 72px) - var(--mdc-list-side-padding, 16px) )}.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:40px}.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 20px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense ::slotted([mwc-list-item]),.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 36px}:host([noninteractive]){pointer-events:none;cursor:default}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text){display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}`, y = `:host(.subnav) ::slotted(*){height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:0 28px 28px 0}
22
+ `;
23
+ var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (t, a, e, i) => {
24
+ for (var r = i > 1 ? void 0 : i ? b(a, e) : a, o = t.length - 1, s; o >= 0; o--)
25
+ (s = t[o]) && (r = (i ? s(a, e, r) : s(r)) || r);
26
+ return i && r && v(a, e, r), r;
27
+ };
28
+ let d = class extends h {
29
+ constructor() {
30
+ super(...arguments), this.navOpen = !1;
31
+ }
32
+ async getUpdateComplete() {
33
+ return this.slotElements.forEach((t) => {
34
+ t.setAttribute("navopen", this.navOpen.toString());
35
+ }), await super.getUpdateComplete();
36
+ }
37
+ attributeChangedCallback(t, a, e) {
38
+ super.attributeChangedCallback(t, a, e), t === "navopen" && this.slotElements.forEach((i) => {
39
+ e === "true" ? i.setAttribute("navopen", e) : i.removeAttribute("navopen");
40
+ });
41
+ }
42
+ };
43
+ d.styles = [
44
+ f,
45
+ p`${l(y)}`
46
+ ];
47
+ n([
48
+ m({ flatten: !0 })
49
+ ], d.prototype, "slotElements", 2);
50
+ n([
51
+ g({ type: Boolean, reflect: !0 })
52
+ ], d.prototype, "navOpen", 2);
53
+ d = n([
54
+ c("cv-list")
55
+ ], d);
56
+ const D = d;
17
57
  export {
18
- L as CovalentList,
19
- b as default
58
+ d as CovalentList,
59
+ D as default
20
60
  };
package/nav-list-item.js CHANGED
@@ -1,10 +1,10 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./query-assigned-elements-07e38f46.js"),c=require("./property-074570d1.js"),m=require("./list-item-3fa66f09.js"),l=require("./mwc-list-item.css-401e2407.js");require("./mwc-list-item-base-803b9771.js");require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");const d=`:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height)}:host([navopen]){border-radius:0 28px 28px 0;transition:border-radius .1s ease-out;margin-right:16px}:host([graphic=avatar]:not([navopen])){border-radius:100%;margin:0 auto 8px;padding:0;width:48px;height:48px}:host([graphic=avatar]:not([navopen])) ::slotted(cv-icon[slot=graphic]){margin-left:8px;background:transparent}:host(.home-item) ::slotted(.teradata-no-circle){--mdc-list-item-graphic-size: 40px;--mdc-icon-size: 40px;display:none}:host(.home-item) ::slotted(.home-icon){display:none}:host(.home-item) ::slotted(.home-icon):hover .covalent-icon{display:none}:host(.home-item:hover) ::slotted(.home-icon){display:block}:host(.home-item:hover) ::slotted(.teradata-circle){display:none}:host(.home-item:hover) ::slotted(.teradata-no-circle){display:none}:host(.home-item:not([navopen])){background-color:#f3753f;--mdc-ripple-color: #ffffff;--mdc-theme-text-icon-on-background: #ffffff}:host(.home-item:not([navopen])) ::slotted(.teradata-circle){display:none}:host(.home-item:not([navopen])) ::slotted(.teradata-no-circle){display:block}:host(.home-item:hover:not([navopen])) ::slotted(.teradata-no-circle){display:none}:host(.beta-list-item){--mdc-theme-primary: var(--mdc-theme-surface-caution);--mdc-list-item-meta-size: 20px;--mdc-list-item-graphic-size: 40px;--mdc-list-item-graphic-margin: 15px;--mdc-typography-subtitle1-font-size: var( --mdc-typography-subtitle2-font-size );--mdc-typography-body2-font-size: var(--mdc-typography-caption-font-size);margin-bottom:8px;font-size:var(--mdc-typography-subtitle1-font-size);margin-right:0;border-radius:0}:host(.beta-list-item:not([navopen])){--mdc-list-item-graphic-margin: 0;--mdc-typography-subtitle1-font-size: 0;--mdc-typography-body2-font-size: 0;height:48px;font-size:0;padding:0;justify-content:center;align-content:center}
2
- `;var h=Object.defineProperty,v=Object.getOwnPropertyDescriptor,p=(a,o,r,i)=>{for(var t=i>1?void 0:i?v(o,r):o,n=a.length-1,s;n>=0;n--)(s=a[n])&&(t=(i?s(o,r,t):s(t))||t);return i&&t&&h(o,r,t),t};exports.CovalentNavRailListItem=class extends m.CovalentListItem{constructor(){super(),this.navOpen=!1}};exports.CovalentNavRailListItem.styles=[e.i`
3
- ${e.r(l.styles)}
4
- `,e.i`
5
- ${e.r(l.styles$1)}
6
- `,e.i`
7
- ${e.r(m.styles)}
8
- `,e.i`
9
- ${e.r(d)}
10
- `];p([c.e({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"navOpen",2);exports.CovalentNavRailListItem=p([e.e("cv-nav-list-item")],exports.CovalentNavRailListItem);const y=exports.CovalentNavRailListItem;exports.default=y;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements-07e38f46.js"),m=require("./property-074570d1.js"),l=require("./list-item-bd3e32a3.js"),p=require("./mwc-list-item.css-401e2407.js");require("./mwc-list-item-base-803b9771.js");require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");const v=`:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left}::slotted(.section-selector){display:none}:host([navopen]){border-radius:0 28px 28px 0;transition:border-radius .1s ease-out;margin-right:16px}:host([navopen]) ::slotted(.section-selector){display:block;position:absolute;top:0;right:0}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--mdc-theme-primary)}:host([graphic=avatar]:not([navopen])){border-radius:100%;margin:0 0 0 12px;padding:0;width:48px;height:48px}:host([graphic=avatar]:not([navopen])) ::slotted(cv-icon[slot=graphic]){margin-left:8px;background:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host(.beta-list-item){--mdc-theme-primary: var(--mdc-theme-surface-caution);--mdc-list-item-meta-size: 20px;--mdc-list-item-graphic-size: 40px;--mdc-list-item-graphic-margin: 15px;--mdc-typography-subtitle1-font-size: var( --mdc-typography-subtitle2-font-size );--mdc-typography-body2-font-size: var(--mdc-typography-caption-font-size);margin-bottom:8px;font-size:var(--mdc-typography-subtitle1-font-size);margin-right:0;border-radius:0}:host(.beta-list-item:not([navopen])){--mdc-list-item-graphic-margin: 0;--mdc-typography-subtitle1-font-size: 0;--mdc-typography-body2-font-size: 0;height:48px;font-size:0;padding:0 0 0 15px}
2
+ `;var h=Object.defineProperty,d=Object.getOwnPropertyDescriptor,c=(a,i,o,r)=>{for(var e=r>1?void 0:r?d(i,o):i,s=a.length-1,n;s>=0;s--)(n=a[s])&&(e=(r?n(i,o,e):n(e))||e);return r&&e&&h(i,o,e),e};exports.CovalentNavRailListItem=class extends l.CovalentListItem{constructor(){super(),this.navOpen=!1}};exports.CovalentNavRailListItem.styles=[t.i`
3
+ ${t.r(p.styles)}
4
+ `,t.i`
5
+ ${t.r(p.styles$1)}
6
+ `,t.i`
7
+ ${t.r(l.styles)}
8
+ `,t.i`
9
+ ${t.r(v)}
10
+ `];c([m.e({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"navOpen",2);exports.CovalentNavRailListItem=c([t.e("cv-nav-list-item")],exports.CovalentNavRailListItem);const g=exports.CovalentNavRailListItem;exports.default=g;
package/nav-list-item.mjs CHANGED
@@ -1,7 +1,7 @@
1
- import { i as a, r, e as h } from "./query-assigned-elements-514e5265.mjs";
2
- import { e as l } from "./property-ca27685b.mjs";
3
- import { C as d, s as y } from "./list-item-d5c05e10.mjs";
4
- import { s as f, a as v } from "./mwc-list-item.css-b5481d96.mjs";
1
+ import { i as r, r as a, e as c } from "./query-assigned-elements-514e5265.mjs";
2
+ import { e as h } from "./property-ca27685b.mjs";
3
+ import { C as d, s as g } from "./list-item-e90b76c3.mjs";
4
+ import { s as y, a as v } from "./mwc-list-item.css-b5481d96.mjs";
5
5
  import "./mwc-list-item-base-acef0223.mjs";
6
6
  import "./tslib.es6-b5e819a6.mjs";
7
7
  import "./ripple-handlers-227497d3.mjs";
@@ -12,12 +12,12 @@ import "./query-1e7846ea.mjs";
12
12
  import "./class-map-08c84aeb.mjs";
13
13
  import "./style-map-2cb0fb63.mjs";
14
14
  import "./observer-be7b92e2.mjs";
15
- const g = `:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height)}:host([navopen]){border-radius:0 28px 28px 0;transition:border-radius .1s ease-out;margin-right:16px}:host([graphic=avatar]:not([navopen])){border-radius:100%;margin:0 auto 8px;padding:0;width:48px;height:48px}:host([graphic=avatar]:not([navopen])) ::slotted(cv-icon[slot=graphic]){margin-left:8px;background:transparent}:host(.home-item) ::slotted(.teradata-no-circle){--mdc-list-item-graphic-size: 40px;--mdc-icon-size: 40px;display:none}:host(.home-item) ::slotted(.home-icon){display:none}:host(.home-item) ::slotted(.home-icon):hover .covalent-icon{display:none}:host(.home-item:hover) ::slotted(.home-icon){display:block}:host(.home-item:hover) ::slotted(.teradata-circle){display:none}:host(.home-item:hover) ::slotted(.teradata-no-circle){display:none}:host(.home-item:not([navopen])){background-color:#f3753f;--mdc-ripple-color: #ffffff;--mdc-theme-text-icon-on-background: #ffffff}:host(.home-item:not([navopen])) ::slotted(.teradata-circle){display:none}:host(.home-item:not([navopen])) ::slotted(.teradata-no-circle){display:block}:host(.home-item:hover:not([navopen])) ::slotted(.teradata-no-circle){display:none}:host(.beta-list-item){--mdc-theme-primary: var(--mdc-theme-surface-caution);--mdc-list-item-meta-size: 20px;--mdc-list-item-graphic-size: 40px;--mdc-list-item-graphic-margin: 15px;--mdc-typography-subtitle1-font-size: var( --mdc-typography-subtitle2-font-size );--mdc-typography-body2-font-size: var(--mdc-typography-caption-font-size);margin-bottom:8px;font-size:var(--mdc-typography-subtitle1-font-size);margin-right:0;border-radius:0}:host(.beta-list-item:not([navopen])){--mdc-list-item-graphic-margin: 0;--mdc-typography-subtitle1-font-size: 0;--mdc-typography-body2-font-size: 0;height:48px;font-size:0;padding:0;justify-content:center;align-content:center}
15
+ const f = `:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left}::slotted(.section-selector){display:none}:host([navopen]){border-radius:0 28px 28px 0;transition:border-radius .1s ease-out;margin-right:16px}:host([navopen]) ::slotted(.section-selector){display:block;position:absolute;top:0;right:0}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--mdc-theme-primary)}:host([graphic=avatar]:not([navopen])){border-radius:100%;margin:0 0 0 12px;padding:0;width:48px;height:48px}:host([graphic=avatar]:not([navopen])) ::slotted(cv-icon[slot=graphic]){margin-left:8px;background:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host(.beta-list-item){--mdc-theme-primary: var(--mdc-theme-surface-caution);--mdc-list-item-meta-size: 20px;--mdc-list-item-graphic-size: 40px;--mdc-list-item-graphic-margin: 15px;--mdc-typography-subtitle1-font-size: var( --mdc-typography-subtitle2-font-size );--mdc-typography-body2-font-size: var(--mdc-typography-caption-font-size);margin-bottom:8px;font-size:var(--mdc-typography-subtitle1-font-size);margin-right:0;border-radius:0}:host(.beta-list-item:not([navopen])){--mdc-list-item-graphic-margin: 0;--mdc-typography-subtitle1-font-size: 0;--mdc-typography-body2-font-size: 0;height:48px;font-size:0;padding:0 0 0 15px}
16
16
  `;
17
- var b = Object.defineProperty, u = Object.getOwnPropertyDescriptor, c = (m, e, n, i) => {
18
- for (var t = i > 1 ? void 0 : i ? u(e, n) : e, s = m.length - 1, p; s >= 0; s--)
19
- (p = m[s]) && (t = (i ? p(e, n, t) : p(t)) || t);
20
- return i && t && b(e, n, t), t;
17
+ var b = Object.defineProperty, u = Object.getOwnPropertyDescriptor, l = (m, e, s, i) => {
18
+ for (var t = i > 1 ? void 0 : i ? u(e, s) : e, p = m.length - 1, n; p >= 0; p--)
19
+ (n = m[p]) && (t = (i ? n(e, s, t) : n(t)) || t);
20
+ return i && t && b(e, s, t), t;
21
21
  };
22
22
  let o = class extends d {
23
23
  constructor() {
@@ -25,24 +25,24 @@ let o = class extends d {
25
25
  }
26
26
  };
27
27
  o.styles = [
28
- a`
29
- ${r(f)}
28
+ r`
29
+ ${a(y)}
30
30
  `,
31
- a`
32
- ${r(v)}
31
+ r`
32
+ ${a(v)}
33
33
  `,
34
- a`
35
- ${r(y)}
34
+ r`
35
+ ${a(g)}
36
36
  `,
37
- a`
38
- ${r(g)}
37
+ r`
38
+ ${a(f)}
39
39
  `
40
40
  ];
41
- c([
42
- l({ type: Boolean, reflect: !0 })
41
+ l([
42
+ h({ type: Boolean, reflect: !0 })
43
43
  ], o.prototype, "navOpen", 2);
44
- o = c([
45
- h("cv-nav-list-item")
44
+ o = l([
45
+ c("cv-nav-list-item")
46
46
  ], o);
47
47
  const B = o;
48
48
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@covalent/components",
3
- "version": "6.2.3",
3
+ "version": "6.3.0-beta.2",
4
4
  "description": "a catalog of material components for covalent",
5
5
  "main": "./index.js",
6
6
  "module": "./index.mjs",