@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.
- package/app-shell/app-shell.d.ts +15 -0
- package/app-shell/app-shell.d.ts.map +1 -1
- package/app-shell.js +21 -12
- package/app-shell.mjs +87 -50
- package/index.js +1 -1
- package/index.mjs +2 -2
- package/list/list-expansion.d.ts +1 -2
- package/list/list-expansion.d.ts.map +1 -1
- package/list/list-item.d.ts +0 -2
- package/list/list-item.d.ts.map +1 -1
- package/list/list.d.ts.map +1 -1
- package/list-expansion.js +11 -9
- package/list-expansion.mjs +41 -39
- package/list-item-bd3e32a3.js +8 -0
- package/list-item-e90b76c3.mjs +32 -0
- package/list-item.js +1 -1
- package/list-item.mjs +2 -2
- package/list.js +6 -1
- package/list.mjs +46 -6
- package/nav-list-item.js +10 -10
- package/nav-list-item.mjs +21 -21
- package/package.json +1 -1
- package/style.css +1 -1
- package/list-d616957b.mjs +0 -45
- package/list-defdaa3b.js +0 -5
- package/list-item-3fa66f09.js +0 -9
- package/list-item-d5c05e10.mjs +0 -44
package/list-expansion.mjs
CHANGED
@@ -1,9 +1,9 @@
|
|
1
|
-
import { i as
|
2
|
-
import { e as
|
3
|
-
import
|
4
|
-
import "./
|
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 "./
|
16
|
-
|
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
|
20
|
-
for (var r = o > 1 ? void 0 : o ?
|
21
|
-
(
|
22
|
-
return o && r &&
|
23
|
-
};
|
24
|
-
let
|
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
|
-
|
40
|
-
|
41
|
-
|
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
|
-
|
46
|
-
|
47
|
-
${
|
49
|
+
n.styles = [
|
50
|
+
c`
|
51
|
+
${m(f)},
|
48
52
|
`,
|
49
|
-
|
50
|
-
${h(x)}
|
51
|
-
`
|
53
|
+
...w(n, n, "styles")
|
52
54
|
];
|
53
|
-
|
55
|
+
n.shadowRootOptions = {
|
54
56
|
mode: "open",
|
55
57
|
delegatesFocus: !0
|
56
58
|
};
|
57
|
-
|
58
|
-
|
59
|
-
],
|
60
|
-
|
61
|
-
|
62
|
-
],
|
63
|
-
|
64
|
-
|
65
|
-
],
|
66
|
-
|
67
|
-
|
68
|
-
],
|
69
|
-
const
|
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
|
-
|
72
|
-
|
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("./
|
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-
|
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("./
|
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 "./
|
2
|
-
import {
|
3
|
-
import "./
|
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
|
-
|
19
|
-
|
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
|
2
|
-
`;var h=Object.defineProperty,
|
3
|
-
${
|
4
|
-
`,
|
5
|
-
${
|
6
|
-
`,
|
7
|
-
${
|
8
|
-
`,
|
9
|
-
${
|
10
|
-
`];
|
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
|
2
|
-
import { e as
|
3
|
-
import { C as d, s as
|
4
|
-
import { s as
|
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
|
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,
|
18
|
-
for (var t = i > 1 ? void 0 : i ? u(e,
|
19
|
-
(
|
20
|
-
return i && t && b(e,
|
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
|
-
|
29
|
-
${
|
28
|
+
r`
|
29
|
+
${a(y)}
|
30
30
|
`,
|
31
|
-
|
32
|
-
${
|
31
|
+
r`
|
32
|
+
${a(v)}
|
33
33
|
`,
|
34
|
-
|
35
|
-
${
|
34
|
+
r`
|
35
|
+
${a(g)}
|
36
36
|
`,
|
37
|
-
|
38
|
-
${
|
37
|
+
r`
|
38
|
+
${a(f)}
|
39
39
|
`
|
40
40
|
];
|
41
|
-
|
42
|
-
|
41
|
+
l([
|
42
|
+
h({ type: Boolean, reflect: !0 })
|
43
43
|
], o.prototype, "navOpen", 2);
|
44
|
-
o =
|
45
|
-
|
44
|
+
o = l([
|
45
|
+
c("cv-nav-list-item")
|
46
46
|
], o);
|
47
47
|
const B = o;
|
48
48
|
export {
|