@covalent/components 8.1.0-beta.8 → 8.1.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/action-ribbon.js +3 -2
- package/action-ribbon.mjs +10 -9
- package/alert.js +3 -2
- package/alert.mjs +10 -9
- package/app-shell/app-shell.d.ts +1 -6
- package/app-shell/app-shell.d.ts.map +1 -1
- package/app-shell.js +3 -2
- package/app-shell.mjs +50 -62
- package/{base-element-atp_8bvP.js → base-element-58a3f9ea.js} +1 -1
- package/{base-element--jaKdI-8.mjs → base-element-67ae173f.mjs} +2 -2
- package/button.js +3 -2
- package/button.mjs +16 -15
- package/card.js +3 -2
- package/card.mjs +5 -4
- package/check-list-item.js +12 -10
- package/check-list-item.mjs +65 -65
- package/checkbox.js +2 -1
- package/checkbox.mjs +25 -23
- package/circular-progress.js +1 -1
- package/circular-progress.mjs +7 -7
- package/{class-map-YPXv0Hj4.mjs → class-map-4b94b017.mjs} +1 -1
- package/{class-map-wtcW44Of.js → class-map-b5efe8da.js} +1 -1
- package/code-snippet-2137b11c.js +13 -0
- package/code-snippet-ccca324f.mjs +12278 -0
- package/code-snippet.js +1 -12
- package/code-snippet.mjs +7 -12251
- package/{dialog-tIMorfuj.mjs → dialog-3ca1b701.mjs} +62 -60
- package/{dialog-SpbwRuWY.js → dialog-82b03745.js} +7 -6
- package/dialog.js +1 -1
- package/dialog.mjs +10 -10
- package/{directive-helpers--rJ2jf3N.js → directive-helpers-0ce1f995.js} +1 -1
- package/{directive-helpers-9566lOOl.mjs → directive-helpers-e3ea6592.mjs} +1 -1
- package/drawer.js +3 -2
- package/drawer.mjs +12 -11
- package/empty-state.js +2 -1
- package/empty-state.mjs +6 -5
- package/{event-options-2TJPtsKy.js → event-options-3f5eb195.js} +1 -1
- package/{event-options-0xzSdemG.mjs → event-options-78d6cf94.mjs} +1 -1
- package/{form-element-5s8gft-A.js → form-element-c553d6f5.js} +1 -1
- package/{form-element-gM33WEq3.mjs → form-element-ffcf59ff.mjs} +4 -4
- package/{foundation-3Wg80pI7.mjs → foundation-39dc72d2.mjs} +1 -1
- package/{foundation-1Vzfdey_.js → foundation-786bf879.js} +1 -1
- package/icon-button.js +3 -2
- package/icon-button.mjs +15 -14
- package/icon-check-toggle.js +5 -4
- package/icon-check-toggle.mjs +24 -22
- package/icon-radio-toggle.js +5 -4
- package/icon-radio-toggle.mjs +27 -25
- package/icon.js +5 -1
- package/icon.mjs +21 -15
- package/{if-defined-BH_l2PVl.mjs → if-defined-c367f208.mjs} +1 -1
- package/{if-defined-lAIUwAsA.js → if-defined-f1c45245.js} +1 -1
- package/index.js +568 -1
- package/index.mjs +3741 -124
- package/{inert.esm-vhZXthJr.mjs → inert.esm-359d4581.mjs} +1 -1
- package/linear-progress.js +3 -2
- package/linear-progress.mjs +13 -12
- package/list/check-list-item.d.ts.map +1 -1
- package/list/radio-list-item.d.ts.map +1 -1
- package/list-item-04b6ffa1.js +8 -0
- package/list-item-1c4f9e23.mjs +32 -0
- package/list-item.js +1 -7
- package/list-item.mjs +16 -37
- package/list.js +8 -3
- package/list.mjs +37 -31
- package/menu.js +5 -1
- package/menu.mjs +34 -28
- package/mwc-checkbox-base-3d8c9549.js +41 -0
- package/mwc-checkbox-base-f10fd709.mjs +198 -0
- package/{mwc-checkbox.css-c44nPIEs.mjs → mwc-checkbox.css-8f4f1a9b.mjs} +3 -198
- package/{mwc-checkbox.css-JOD-Qh-9.js → mwc-checkbox.css-b3434429.js} +2 -42
- package/{mwc-drawer-base-8e_1aSuf.mjs → mwc-drawer-base-135de8a5.mjs} +26 -24
- package/{mwc-drawer-base-Fv3JVYPS.js → mwc-drawer-base-798b11f8.js} +5 -5
- package/{mwc-icon-eaW72Ei7.mjs → mwc-icon-bf656cf5.mjs} +5 -6
- package/{mwc-icon-r2y4-AXI.js → mwc-icon-f87639bc.js} +2 -2
- package/{mwc-line-ripple-directive-iRoAkPnW.js → mwc-line-ripple-directive-a6b39a3c.js} +1 -1
- package/{mwc-line-ripple-directive-Q_HMRGPE.mjs → mwc-line-ripple-directive-b24a914e.mjs} +6 -6
- package/mwc-list-base-400b00e2.js +111 -0
- package/{mwc-list.css-_OVL_dbR.mjs → mwc-list-base-76e37212.mjs} +212 -213
- package/mwc-list-item-base-297d86b0.js +28 -0
- package/mwc-list-item-base-fe4398c3.mjs +202 -0
- package/{mwc-list-item.css-yJ5bjNGc.js → mwc-list-item.css-25adc0c4.js} +5 -28
- package/{mwc-list-item.css-d-SHhq7Q.mjs → mwc-list-item.css-b0009fc7.mjs} +7 -199
- package/{mwc-menu.css-cKtc1ZD4.mjs → mwc-menu-base-c4bc88ea.mjs} +75 -74
- package/mwc-menu-base-c75ca473.js +190 -0
- package/mwc-radio-base-913e02e2.js +101 -0
- package/{mwc-radio.css-_lt-Vcvl.mjs → mwc-radio-base-a374fbd9.mjs} +117 -123
- package/mwc-radio.css-4e140252.js +5 -0
- package/mwc-radio.css-7454bb11.mjs +10 -0
- package/{mwc-slider.css-md7hPAE7.mjs → mwc-slider.css-8b6f275c.mjs} +11 -11
- package/{mwc-slider.css-lCfMVbO5.js → mwc-slider.css-c7107d94.js} +1 -1
- package/{mwc-tab.css-lT5vTf5I.mjs → mwc-tab-base-be0c887f.mjs} +123 -127
- package/{mwc-tab.css-q4Jsbyp5.js → mwc-tab-base-f28722aa.js} +22 -26
- package/{mwc-top-app-bar-base-nm6mdCR3.mjs → mwc-top-app-bar-base-55da3fe4.mjs} +13 -12
- package/{mwc-top-app-bar-base-8qOIX1me.js → mwc-top-app-bar-base-aec60f27.js} +3 -3
- package/nav-list-item.js +7 -6
- package/nav-list-item.mjs +39 -38
- package/package.json +1 -16
- package/{query-duvhtfSs.js → query-680f1868.js} +1 -1
- package/{query-assigned-nodes-1p7z6CEm.js → query-assigned-nodes-99eae71d.js} +1 -1
- package/{query-assigned-nodes-6yHI5ePh.mjs → query-assigned-nodes-df691e78.mjs} +1 -1
- package/{query-1WmuF6Bq.mjs → query-d843aa92.mjs} +1 -1
- package/radio-list-item.js +12 -10
- package/radio-list-item.mjs +62 -62
- package/radio.js +2 -1
- package/radio.mjs +25 -23
- package/{ripple-handlers-HeGhXgD2.js → ripple-handlers-5d5b21db.js} +8 -8
- package/{ripple-handlers-BwaZu9Ps.mjs → ripple-handlers-f37f21cf.mjs} +17 -16
- package/select.js +15 -10
- package/select.mjs +147 -139
- package/side-sheet.js +2 -1
- package/side-sheet.mjs +12 -11
- package/slider-range.js +1 -1
- package/slider-range.mjs +14 -14
- package/slider.js +1 -1
- package/slider.mjs +16 -16
- package/snackbar.js +11 -10
- package/snackbar.mjs +36 -34
- package/{state-LqPxt99W.js → state-0974a8e5.js} +1 -1
- package/{state-inNZe6rL.mjs → state-b5e865db.mjs} +1 -1
- package/status-header-item.js +2 -1
- package/status-header-item.mjs +4 -3
- package/status-header.js +3 -2
- package/status-header.mjs +5 -4
- package/{style-map-66_3wrLx.js → style-map-88d2563f.js} +1 -1
- package/{style-map-8yp6DGeh.mjs → style-map-bc3ed3e0.mjs} +2 -2
- package/style.css +1 -1
- package/switch.js +3 -2
- package/switch.mjs +16 -15
- package/tab-bar.js +22 -18
- package/tab-bar.mjs +203 -195
- package/tab.js +6 -1
- package/tab.mjs +32 -26
- package/text-lockup.js +2 -1
- package/text-lockup.mjs +9 -8
- package/textarea.js +19 -15
- package/textarea.mjs +65 -59
- package/textfield/textfield.d.ts +0 -1
- package/textfield/textfield.d.ts.map +1 -1
- package/textfield-62e16cc2.js +133 -0
- package/textfield-63d1859a.mjs +932 -0
- package/textfield.js +7 -3
- package/textfield.mjs +36 -33
- package/toolbar.js +2 -1
- package/toolbar.mjs +10 -9
- package/tooltip.js +3 -2
- package/tooltip.mjs +10 -9
- package/{top-app-bar-qcW2ucE3.js → top-app-bar-a531c1b4.js} +3 -2
- package/{top-app-bar-h0V-USh_.mjs → top-app-bar-f83386e0.mjs} +3 -2
- package/top-app-bar-fixed.js +6 -6
- package/top-app-bar-fixed.mjs +28 -27
- package/top-app-bar.js +1 -1
- package/top-app-bar.mjs +9 -9
- package/tree-list-item.js +2 -1
- package/tree-list-item.mjs +7 -6
- package/tree-list.js +2 -1
- package/tree-list.mjs +3 -2
- package/{tslib.es6-S8SvF2K1.mjs → tslib.es6-f3e988cd.mjs} +5 -5
- package/typography.js +2 -1
- package/typography.mjs +4 -3
- package/_commonjsHelpers-ZPn_iTGj.mjs +0 -28
- package/_commonjsHelpers-fFrWAeZI.js +0 -1
- package/chip-M5Vb5Kd6.js +0 -492
- package/chip-m2mKzWQT.mjs +0 -3115
- package/chip-set.js +0 -75
- package/chip-set.mjs +0 -531
- package/chip.js +0 -1
- package/chip.mjs +0 -12
- package/expansion-panel-item.js +0 -24
- package/expansion-panel-item.mjs +0 -106
- package/expansion-panel.js +0 -7
- package/expansion-panel.mjs +0 -59
- package/formfield.js +0 -79
- package/formfield.mjs +0 -275
- package/list-item-F2e6aWaj.mjs +0 -11
- package/list-item-Ze98reWt.js +0 -5
- package/mwc-list.css-DjU8XB1m.js +0 -111
- package/mwc-menu.css-qavo4jer.js +0 -190
- package/mwc-radio.css-h_Wv0Eag.js +0 -105
- package/textfield-7aU1kEO6.mjs +0 -936
- package/textfield-jvevIGSw.js +0 -136
- /package/{aria-property-52VAcg_f.js → aria-property-849c8816.js} +0 -0
- /package/{aria-property-wYjPNXcK.mjs → aria-property-fa2717fe.mjs} +0 -0
- /package/{inert.esm-TSRtlTFV.js → inert.esm-2cee6f2e.js} +0 -0
- /package/{observer-LlGBroG9.js → observer-a096ab43.js} +0 -0
- /package/{observer-cKAgu-MI.mjs → observer-be7b92e2.mjs} +0 -0
- /package/{property-iZpLBvy-.js → property-57f6f6fe.js} +0 -0
- /package/{property-K7hFBmOi.mjs → property-9b6ea53b.mjs} +0 -0
- /package/{query-assigned-elements-yFWOzcsT.mjs → query-assigned-elements-4a39219d.mjs} +0 -0
- /package/{query-assigned-elements-j_5ZiL65.js → query-assigned-elements-f623705d.js} +0 -0
- /package/{tslib.es6-5xG0QhxF.js → tslib.es6-98719205.js} +0 -0
- /package/{utils-xAXEDL0Y.mjs → utils-2932417c.mjs} +0 -0
- /package/{utils-W3ENJhq-.js → utils-a8190a39.js} +0 -0
@@ -0,0 +1,28 @@
|
|
1
|
+
"use strict";const s=require("./tslib.es6-98719205.js"),c=require("./ripple-handlers-5d5b21db.js"),l=require("./observer-a096ab43.js"),r=require("./query-assigned-elements-f623705d.js"),n=require("./property-57f6f6fe.js"),d=require("./state-0974a8e5.js"),p=require("./query-680f1868.js"),h=require("./class-map-b5efe8da.js");/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2020 Google LLC
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
5
|
+
*/class t extends r.s{constructor(){super(...arguments),this.value="",this.group=null,this.tabindex=-1,this.disabled=!1,this.twoline=!1,this.activated=!1,this.graphic=null,this.multipleGraphics=!1,this.hasMeta=!1,this.noninteractive=!1,this.selected=!1,this.shouldRenderRipple=!1,this._managingList=null,this.boundOnClick=this.onClick.bind(this),this._firstChanged=!0,this._skipPropRequest=!1,this.rippleHandlers=new c.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple)),this.listeners=[{target:this,eventNames:["click"],cb:()=>{this.onClick()}},{target:this,eventNames:["mouseenter"],cb:this.rippleHandlers.startHover},{target:this,eventNames:["mouseleave"],cb:this.rippleHandlers.endHover},{target:this,eventNames:["focus"],cb:this.rippleHandlers.startFocus},{target:this,eventNames:["blur"],cb:this.rippleHandlers.endFocus},{target:this,eventNames:["mousedown","touchstart"],cb:e=>{const i=e.type;this.onDown(i==="mousedown"?"mouseup":"touchend",e)}}]}get text(){const e=this.textContent;return e?e.trim():""}render(){const e=this.renderText(),i=this.graphic?this.renderGraphic():r.x``,o=this.hasMeta?this.renderMeta():r.x``;return r.x`
|
6
|
+
${this.renderRipple()}
|
7
|
+
${i}
|
8
|
+
${e}
|
9
|
+
${o}`}renderRipple(){return this.shouldRenderRipple?r.x`
|
10
|
+
<mwc-ripple
|
11
|
+
.activated=${this.activated}>
|
12
|
+
</mwc-ripple>`:this.activated?r.x`<div class="fake-activated-ripple"></div>`:""}renderGraphic(){const e={multi:this.multipleGraphics};return r.x`
|
13
|
+
<span class="mdc-deprecated-list-item__graphic material-icons ${h.o(e)}">
|
14
|
+
<slot name="graphic"></slot>
|
15
|
+
</span>`}renderMeta(){return r.x`
|
16
|
+
<span class="mdc-deprecated-list-item__meta material-icons">
|
17
|
+
<slot name="meta"></slot>
|
18
|
+
</span>`}renderText(){const e=this.twoline?this.renderTwoline():this.renderSingleLine();return r.x`
|
19
|
+
<span class="mdc-deprecated-list-item__text">
|
20
|
+
${e}
|
21
|
+
</span>`}renderSingleLine(){return r.x`<slot></slot>`}renderTwoline(){return r.x`
|
22
|
+
<span class="mdc-deprecated-list-item__primary-text">
|
23
|
+
<slot></slot>
|
24
|
+
</span>
|
25
|
+
<span class="mdc-deprecated-list-item__secondary-text">
|
26
|
+
<slot name="secondary"></slot>
|
27
|
+
</span>
|
28
|
+
`}onClick(){this.fireRequestSelected(!this.selected,"interaction")}onDown(e,i){const o=()=>{window.removeEventListener(e,o),this.rippleHandlers.endPress()};window.addEventListener(e,o),this.rippleHandlers.startPress(i)}fireRequestSelected(e,i){if(this.noninteractive)return;const o=new CustomEvent("request-selected",{bubbles:!0,composed:!0,detail:{source:i,selected:e}});this.dispatchEvent(o)}connectedCallback(){super.connectedCallback(),this.noninteractive||this.setAttribute("mwc-list-item","");for(const e of this.listeners)for(const i of e.eventNames)e.target.addEventListener(i,e.cb,{passive:!0})}disconnectedCallback(){super.disconnectedCallback();for(const e of this.listeners)for(const i of e.eventNames)e.target.removeEventListener(i,e.cb);this._managingList&&(this._managingList.debouncedLayout?this._managingList.debouncedLayout(!0):this._managingList.layout(!0))}firstUpdated(){const e=new Event("list-item-rendered",{bubbles:!0,composed:!0});this.dispatchEvent(e)}}s.__decorate([p.i("slot")],t.prototype,"slotElement",void 0);s.__decorate([c.e("mwc-ripple")],t.prototype,"ripple",void 0);s.__decorate([n.n({type:String})],t.prototype,"value",void 0);s.__decorate([n.n({type:String,reflect:!0})],t.prototype,"group",void 0);s.__decorate([n.n({type:Number,reflect:!0})],t.prototype,"tabindex",void 0);s.__decorate([n.n({type:Boolean,reflect:!0}),l.observer(function(a){a?this.setAttribute("aria-disabled","true"):this.setAttribute("aria-disabled","false")})],t.prototype,"disabled",void 0);s.__decorate([n.n({type:Boolean,reflect:!0})],t.prototype,"twoline",void 0);s.__decorate([n.n({type:Boolean,reflect:!0})],t.prototype,"activated",void 0);s.__decorate([n.n({type:String,reflect:!0})],t.prototype,"graphic",void 0);s.__decorate([n.n({type:Boolean})],t.prototype,"multipleGraphics",void 0);s.__decorate([n.n({type:Boolean})],t.prototype,"hasMeta",void 0);s.__decorate([n.n({type:Boolean,reflect:!0}),l.observer(function(a){a?(this.removeAttribute("aria-checked"),this.removeAttribute("mwc-list-item"),this.selected=!1,this.activated=!1,this.tabIndex=-1):this.setAttribute("mwc-list-item","")})],t.prototype,"noninteractive",void 0);s.__decorate([n.n({type:Boolean,reflect:!0}),l.observer(function(a){const e=this.getAttribute("role"),i=e==="gridcell"||e==="option"||e==="row"||e==="tab";if(i&&a?this.setAttribute("aria-selected","true"):i&&this.setAttribute("aria-selected","false"),this._firstChanged){this._firstChanged=!1;return}this._skipPropRequest||this.fireRequestSelected(a,"property")})],t.prototype,"selected",void 0);s.__decorate([d.t()],t.prototype,"shouldRenderRipple",void 0);s.__decorate([d.t()],t.prototype,"_managingList",void 0);exports.ListItemBase=t;
|
@@ -0,0 +1,202 @@
|
|
1
|
+
import { f as t } from "./tslib.es6-f3e988cd.mjs";
|
2
|
+
import { e as c, R as d } from "./ripple-handlers-f37f21cf.mjs";
|
3
|
+
import { o as l } from "./observer-be7b92e2.mjs";
|
4
|
+
import { s as h, x as n } from "./query-assigned-elements-4a39219d.mjs";
|
5
|
+
import { n as r } from "./property-9b6ea53b.mjs";
|
6
|
+
import { t as p } from "./state-b5e865db.mjs";
|
7
|
+
import { i as u } from "./query-d843aa92.mjs";
|
8
|
+
import { o as m } from "./class-map-4b94b017.mjs";
|
9
|
+
/**
|
10
|
+
* @license
|
11
|
+
* Copyright 2020 Google LLC
|
12
|
+
* SPDX-License-Identifier: Apache-2.0
|
13
|
+
*/
|
14
|
+
class s extends h {
|
15
|
+
constructor() {
|
16
|
+
super(...arguments), this.value = "", this.group = null, this.tabindex = -1, this.disabled = !1, this.twoline = !1, this.activated = !1, this.graphic = null, this.multipleGraphics = !1, this.hasMeta = !1, this.noninteractive = !1, this.selected = !1, this.shouldRenderRipple = !1, this._managingList = null, this.boundOnClick = this.onClick.bind(this), this._firstChanged = !0, this._skipPropRequest = !1, this.rippleHandlers = new d(() => (this.shouldRenderRipple = !0, this.ripple)), this.listeners = [
|
17
|
+
{
|
18
|
+
target: this,
|
19
|
+
eventNames: ["click"],
|
20
|
+
cb: () => {
|
21
|
+
this.onClick();
|
22
|
+
}
|
23
|
+
},
|
24
|
+
{
|
25
|
+
target: this,
|
26
|
+
eventNames: ["mouseenter"],
|
27
|
+
cb: this.rippleHandlers.startHover
|
28
|
+
},
|
29
|
+
{
|
30
|
+
target: this,
|
31
|
+
eventNames: ["mouseleave"],
|
32
|
+
cb: this.rippleHandlers.endHover
|
33
|
+
},
|
34
|
+
{
|
35
|
+
target: this,
|
36
|
+
eventNames: ["focus"],
|
37
|
+
cb: this.rippleHandlers.startFocus
|
38
|
+
},
|
39
|
+
{
|
40
|
+
target: this,
|
41
|
+
eventNames: ["blur"],
|
42
|
+
cb: this.rippleHandlers.endFocus
|
43
|
+
},
|
44
|
+
{
|
45
|
+
target: this,
|
46
|
+
eventNames: ["mousedown", "touchstart"],
|
47
|
+
cb: (e) => {
|
48
|
+
const i = e.type;
|
49
|
+
this.onDown(i === "mousedown" ? "mouseup" : "touchend", e);
|
50
|
+
}
|
51
|
+
}
|
52
|
+
];
|
53
|
+
}
|
54
|
+
get text() {
|
55
|
+
const e = this.textContent;
|
56
|
+
return e ? e.trim() : "";
|
57
|
+
}
|
58
|
+
render() {
|
59
|
+
const e = this.renderText(), i = this.graphic ? this.renderGraphic() : n``, a = this.hasMeta ? this.renderMeta() : n``;
|
60
|
+
return n`
|
61
|
+
${this.renderRipple()}
|
62
|
+
${i}
|
63
|
+
${e}
|
64
|
+
${a}`;
|
65
|
+
}
|
66
|
+
renderRipple() {
|
67
|
+
return this.shouldRenderRipple ? n`
|
68
|
+
<mwc-ripple
|
69
|
+
.activated=${this.activated}>
|
70
|
+
</mwc-ripple>` : this.activated ? n`<div class="fake-activated-ripple"></div>` : "";
|
71
|
+
}
|
72
|
+
renderGraphic() {
|
73
|
+
const e = {
|
74
|
+
multi: this.multipleGraphics
|
75
|
+
};
|
76
|
+
return n`
|
77
|
+
<span class="mdc-deprecated-list-item__graphic material-icons ${m(e)}">
|
78
|
+
<slot name="graphic"></slot>
|
79
|
+
</span>`;
|
80
|
+
}
|
81
|
+
renderMeta() {
|
82
|
+
return n`
|
83
|
+
<span class="mdc-deprecated-list-item__meta material-icons">
|
84
|
+
<slot name="meta"></slot>
|
85
|
+
</span>`;
|
86
|
+
}
|
87
|
+
renderText() {
|
88
|
+
const e = this.twoline ? this.renderTwoline() : this.renderSingleLine();
|
89
|
+
return n`
|
90
|
+
<span class="mdc-deprecated-list-item__text">
|
91
|
+
${e}
|
92
|
+
</span>`;
|
93
|
+
}
|
94
|
+
renderSingleLine() {
|
95
|
+
return n`<slot></slot>`;
|
96
|
+
}
|
97
|
+
renderTwoline() {
|
98
|
+
return n`
|
99
|
+
<span class="mdc-deprecated-list-item__primary-text">
|
100
|
+
<slot></slot>
|
101
|
+
</span>
|
102
|
+
<span class="mdc-deprecated-list-item__secondary-text">
|
103
|
+
<slot name="secondary"></slot>
|
104
|
+
</span>
|
105
|
+
`;
|
106
|
+
}
|
107
|
+
onClick() {
|
108
|
+
this.fireRequestSelected(!this.selected, "interaction");
|
109
|
+
}
|
110
|
+
onDown(e, i) {
|
111
|
+
const a = () => {
|
112
|
+
window.removeEventListener(e, a), this.rippleHandlers.endPress();
|
113
|
+
};
|
114
|
+
window.addEventListener(e, a), this.rippleHandlers.startPress(i);
|
115
|
+
}
|
116
|
+
fireRequestSelected(e, i) {
|
117
|
+
if (this.noninteractive)
|
118
|
+
return;
|
119
|
+
const a = new CustomEvent("request-selected", { bubbles: !0, composed: !0, detail: { source: i, selected: e } });
|
120
|
+
this.dispatchEvent(a);
|
121
|
+
}
|
122
|
+
connectedCallback() {
|
123
|
+
super.connectedCallback(), this.noninteractive || this.setAttribute("mwc-list-item", "");
|
124
|
+
for (const e of this.listeners)
|
125
|
+
for (const i of e.eventNames)
|
126
|
+
e.target.addEventListener(i, e.cb, { passive: !0 });
|
127
|
+
}
|
128
|
+
disconnectedCallback() {
|
129
|
+
super.disconnectedCallback();
|
130
|
+
for (const e of this.listeners)
|
131
|
+
for (const i of e.eventNames)
|
132
|
+
e.target.removeEventListener(i, e.cb);
|
133
|
+
this._managingList && (this._managingList.debouncedLayout ? this._managingList.debouncedLayout(!0) : this._managingList.layout(!0));
|
134
|
+
}
|
135
|
+
// composed flag, event fire through shadow root and up through composed tree
|
136
|
+
firstUpdated() {
|
137
|
+
const e = new Event("list-item-rendered", { bubbles: !0, composed: !0 });
|
138
|
+
this.dispatchEvent(e);
|
139
|
+
}
|
140
|
+
}
|
141
|
+
t([
|
142
|
+
u("slot")
|
143
|
+
], s.prototype, "slotElement", void 0);
|
144
|
+
t([
|
145
|
+
c("mwc-ripple")
|
146
|
+
], s.prototype, "ripple", void 0);
|
147
|
+
t([
|
148
|
+
r({ type: String })
|
149
|
+
], s.prototype, "value", void 0);
|
150
|
+
t([
|
151
|
+
r({ type: String, reflect: !0 })
|
152
|
+
], s.prototype, "group", void 0);
|
153
|
+
t([
|
154
|
+
r({ type: Number, reflect: !0 })
|
155
|
+
], s.prototype, "tabindex", void 0);
|
156
|
+
t([
|
157
|
+
r({ type: Boolean, reflect: !0 }),
|
158
|
+
l(function(o) {
|
159
|
+
o ? this.setAttribute("aria-disabled", "true") : this.setAttribute("aria-disabled", "false");
|
160
|
+
})
|
161
|
+
], s.prototype, "disabled", void 0);
|
162
|
+
t([
|
163
|
+
r({ type: Boolean, reflect: !0 })
|
164
|
+
], s.prototype, "twoline", void 0);
|
165
|
+
t([
|
166
|
+
r({ type: Boolean, reflect: !0 })
|
167
|
+
], s.prototype, "activated", void 0);
|
168
|
+
t([
|
169
|
+
r({ type: String, reflect: !0 })
|
170
|
+
], s.prototype, "graphic", void 0);
|
171
|
+
t([
|
172
|
+
r({ type: Boolean })
|
173
|
+
], s.prototype, "multipleGraphics", void 0);
|
174
|
+
t([
|
175
|
+
r({ type: Boolean })
|
176
|
+
], s.prototype, "hasMeta", void 0);
|
177
|
+
t([
|
178
|
+
r({ type: Boolean, reflect: !0 }),
|
179
|
+
l(function(o) {
|
180
|
+
o ? (this.removeAttribute("aria-checked"), this.removeAttribute("mwc-list-item"), this.selected = !1, this.activated = !1, this.tabIndex = -1) : this.setAttribute("mwc-list-item", "");
|
181
|
+
})
|
182
|
+
], s.prototype, "noninteractive", void 0);
|
183
|
+
t([
|
184
|
+
r({ type: Boolean, reflect: !0 }),
|
185
|
+
l(function(o) {
|
186
|
+
const e = this.getAttribute("role"), i = e === "gridcell" || e === "option" || e === "row" || e === "tab";
|
187
|
+
if (i && o ? this.setAttribute("aria-selected", "true") : i && this.setAttribute("aria-selected", "false"), this._firstChanged) {
|
188
|
+
this._firstChanged = !1;
|
189
|
+
return;
|
190
|
+
}
|
191
|
+
this._skipPropRequest || this.fireRequestSelected(o, "property");
|
192
|
+
})
|
193
|
+
], s.prototype, "selected", void 0);
|
194
|
+
t([
|
195
|
+
p()
|
196
|
+
], s.prototype, "shouldRenderRipple", void 0);
|
197
|
+
t([
|
198
|
+
p()
|
199
|
+
], s.prototype, "_managingList", void 0);
|
200
|
+
export {
|
201
|
+
s as L
|
202
|
+
};
|
@@ -1,32 +1,9 @@
|
|
1
|
-
"use strict";const
|
1
|
+
"use strict";const t=require("./query-assigned-elements-f623705d.js");/**
|
2
2
|
* @license
|
3
|
-
* Copyright
|
4
|
-
* SPDX-
|
5
|
-
*/
|
6
|
-
${this.renderRipple()}
|
7
|
-
${r}
|
8
|
-
${t}
|
9
|
-
${c}`}renderRipple(){return this.shouldRenderRipple?a.x`
|
10
|
-
<mwc-ripple
|
11
|
-
.activated=${this.activated}>
|
12
|
-
</mwc-ripple>`:this.activated?a.x`<div class="fake-activated-ripple"></div>`:""}renderGraphic(){const t={multi:this.multipleGraphics};return a.x`
|
13
|
-
<span class="mdc-deprecated-list-item__graphic material-icons ${m.o(t)}">
|
14
|
-
<slot name="graphic"></slot>
|
15
|
-
</span>`}renderMeta(){return a.x`
|
16
|
-
<span class="mdc-deprecated-list-item__meta material-icons">
|
17
|
-
<slot name="meta"></slot>
|
18
|
-
</span>`}renderText(){const t=this.twoline?this.renderTwoline():this.renderSingleLine();return a.x`
|
19
|
-
<span class="mdc-deprecated-list-item__text">
|
20
|
-
${t}
|
21
|
-
</span>`}renderSingleLine(){return a.x`<slot></slot>`}renderTwoline(){return a.x`
|
22
|
-
<span class="mdc-deprecated-list-item__primary-text">
|
23
|
-
<slot></slot>
|
24
|
-
</span>
|
25
|
-
<span class="mdc-deprecated-list-item__secondary-text">
|
26
|
-
<slot name="secondary"></slot>
|
27
|
-
</span>
|
28
|
-
`}onClick(){this.fireRequestSelected(!this.selected,"interaction")}onDown(t,r){const c=()=>{window.removeEventListener(t,c),this.rippleHandlers.endPress()};window.addEventListener(t,c),this.rippleHandlers.startPress(r)}fireRequestSelected(t,r){if(this.noninteractive)return;const c=new CustomEvent("request-selected",{bubbles:!0,composed:!0,detail:{source:r,selected:t}});this.dispatchEvent(c)}connectedCallback(){super.connectedCallback(),this.noninteractive||this.setAttribute("mwc-list-item","");for(const t of this.listeners)for(const r of t.eventNames)t.target.addEventListener(r,t.cb,{passive:!0})}disconnectedCallback(){super.disconnectedCallback();for(const t of this.listeners)for(const r of t.eventNames)t.target.removeEventListener(r,t.cb);this._managingList&&(this._managingList.debouncedLayout?this._managingList.debouncedLayout(!0):this._managingList.layout(!0))}firstUpdated(){const t=new Event("list-item-rendered",{bubbles:!0,composed:!0});this.dispatchEvent(t)}}i.__decorate([p.i("slot")],e.prototype,"slotElement",void 0);i.__decorate([n.e("mwc-ripple")],e.prototype,"ripple",void 0);i.__decorate([s.n({type:String})],e.prototype,"value",void 0);i.__decorate([s.n({type:String,reflect:!0})],e.prototype,"group",void 0);i.__decorate([s.n({type:Number,reflect:!0})],e.prototype,"tabindex",void 0);i.__decorate([s.n({type:Boolean,reflect:!0}),d.observer(function(o){o?this.setAttribute("aria-disabled","true"):this.setAttribute("aria-disabled","false")})],e.prototype,"disabled",void 0);i.__decorate([s.n({type:Boolean,reflect:!0})],e.prototype,"twoline",void 0);i.__decorate([s.n({type:Boolean,reflect:!0})],e.prototype,"activated",void 0);i.__decorate([s.n({type:String,reflect:!0})],e.prototype,"graphic",void 0);i.__decorate([s.n({type:Boolean})],e.prototype,"multipleGraphics",void 0);i.__decorate([s.n({type:Boolean})],e.prototype,"hasMeta",void 0);i.__decorate([s.n({type:Boolean,reflect:!0}),d.observer(function(o){o?(this.removeAttribute("aria-checked"),this.removeAttribute("mwc-list-item"),this.selected=!1,this.activated=!1,this.tabIndex=-1):this.setAttribute("mwc-list-item","")})],e.prototype,"noninteractive",void 0);i.__decorate([s.n({type:Boolean,reflect:!0}),d.observer(function(o){const t=this.getAttribute("role"),r=t==="gridcell"||t==="option"||t==="row"||t==="tab";if(r&&o?this.setAttribute("aria-selected","true"):r&&this.setAttribute("aria-selected","false"),this._firstChanged){this._firstChanged=!1;return}this._skipPropRequest||this.fireRequestSelected(o,"property")})],e.prototype,"selected",void 0);i.__decorate([l.t()],e.prototype,"shouldRenderRipple",void 0);i.__decorate([l.t()],e.prototype,"_managingList",void 0);/**
|
3
|
+
* Copyright 2021 Google LLC
|
4
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
5
|
+
*/const e=t.i`:host(:not([twoline])){height:56px}:host(:not([left])) .mdc-deprecated-list-item__meta{height:40px;width:40px}`;/**
|
29
6
|
* @license
|
30
7
|
* Copyright 2021 Google LLC
|
31
8
|
* SPDX-LIcense-Identifier: Apache-2.0
|
32
|
-
*/const
|
9
|
+
*/const i=t.i`:host{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;height:48px;display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:var(--mdc-list-side-padding, 16px);padding-right:var(--mdc-list-side-padding, 16px);outline:none;height:48px;color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}:host:focus{outline:none}:host([activated]){color:#6200ee;color:var(--mdc-theme-primary, #6200ee);--mdc-ripple-color: var( --mdc-theme-primary, #6200ee )}:host([activated]) .mdc-deprecated-list-item__graphic{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}:host([activated]) .fake-activated-ripple::before{position:absolute;display:block;top:0;bottom:0;left:0;right:0;width:100%;height:100%;pointer-events:none;z-index:1;content:"";opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12);background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-deprecated-list-item__graphic{flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;display:inline-flex}.mdc-deprecated-list-item__graphic ::slotted(*){flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;width:100%;height:100%;text-align:center}.mdc-deprecated-list-item__meta{width:var(--mdc-list-item-meta-size, 24px);height:var(--mdc-list-item-meta-size, 24px);margin-left:auto;margin-right:0;color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-item__meta.multi{width:auto}.mdc-deprecated-list-item__meta ::slotted(*){width:var(--mdc-list-item-meta-size, 24px);line-height:var(--mdc-list-item-meta-size, 24px)}.mdc-deprecated-list-item__meta ::slotted(.material-icons),.mdc-deprecated-list-item__meta ::slotted(mwc-icon){line-height:var(--mdc-list-item-meta-size, 24px) !important}.mdc-deprecated-list-item__meta ::slotted(:not(.material-icons):not(mwc-icon)){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}[dir=rtl] .mdc-deprecated-list-item__meta,.mdc-deprecated-list-item__meta[dir=rtl]{margin-left:0;margin-right:auto}.mdc-deprecated-list-item__meta ::slotted(*){width:100%;height:100%}.mdc-deprecated-list-item__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-deprecated-list-item__text ::slotted([for]),.mdc-deprecated-list-item__text[for]{pointer-events:none}.mdc-deprecated-list-item__primary-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal;margin-bottom:-20px;display:block}.mdc-deprecated-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:"";vertical-align:0}.mdc-deprecated-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-deprecated-list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal;display:block}.mdc-deprecated-list-item__secondary-text::before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-deprecated-list--dense .mdc-deprecated-list-item__secondary-text{font-size:inherit}* ::slotted(a),a{color:inherit;text-decoration:none}:host([twoline]){height:72px}:host([twoline]) .mdc-deprecated-list-item__text{align-self:flex-start}:host([disabled]),:host([noninteractive]){cursor:default;pointer-events:none}:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*){opacity:.38}:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*),:host([disabled]) .mdc-deprecated-list-item__primary-text ::slotted(*),:host([disabled]) .mdc-deprecated-list-item__secondary-text ::slotted(*){color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-deprecated-list-item__secondary-text ::slotted(*){color:rgba(0, 0, 0, 0.54);color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-deprecated-list-item__graphic ::slotted(*){background-color:transparent;color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-group__subheader ::slotted(*){color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 40px);height:var(--mdc-list-item-graphic-size, 40px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 40px);line-height:var(--mdc-list-item-graphic-size, 40px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon){line-height:var(--mdc-list-item-graphic-size, 40px) !important}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(*){border-radius:50%}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic,:host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic,:host([graphic=control]) .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:var(--mdc-list-item-graphic-margin, 16px)}[dir=rtl] :host([graphic=avatar]) .mdc-deprecated-list-item__graphic,[dir=rtl] :host([graphic=medium]) .mdc-deprecated-list-item__graphic,[dir=rtl] :host([graphic=large]) .mdc-deprecated-list-item__graphic,[dir=rtl] :host([graphic=control]) .mdc-deprecated-list-item__graphic,:host([graphic=avatar]) .mdc-deprecated-list-item__graphic[dir=rtl],:host([graphic=medium]) .mdc-deprecated-list-item__graphic[dir=rtl],:host([graphic=large]) .mdc-deprecated-list-item__graphic[dir=rtl],:host([graphic=control]) .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:var(--mdc-list-item-graphic-margin, 16px);margin-right:0}:host([graphic=icon]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 24px);height:var(--mdc-list-item-graphic-size, 24px);margin-left:0;margin-right:var(--mdc-list-item-graphic-margin, 32px)}:host([graphic=icon]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 24px);line-height:var(--mdc-list-item-graphic-size, 24px)}:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon){line-height:var(--mdc-list-item-graphic-size, 24px) !important}[dir=rtl] :host([graphic=icon]) .mdc-deprecated-list-item__graphic,:host([graphic=icon]) .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:var(--mdc-list-item-graphic-margin, 32px);margin-right:0}:host([graphic=avatar]:not([twoLine])),:host([graphic=icon]:not([twoLine])){height:56px}:host([graphic=medium]:not([twoLine])),:host([graphic=large]:not([twoLine])){height:72px}:host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 56px);height:var(--mdc-list-item-graphic-size, 56px)}:host([graphic=medium]) .mdc-deprecated-list-item__graphic.multi,:host([graphic=large]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(*),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 56px);line-height:var(--mdc-list-item-graphic-size, 56px)}:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon){line-height:var(--mdc-list-item-graphic-size, 56px) !important}:host([graphic=large]){padding-left:0px}`;exports.styles=i;exports.styles$1=e;
|
@@ -1,209 +1,17 @@
|
|
1
|
-
import {
|
2
|
-
import { e as n, R as p } from "./ripple-handlers-BwaZu9Ps.mjs";
|
3
|
-
import { o as d } from "./observer-cKAgu-MI.mjs";
|
4
|
-
import { s as m, x as s, i as h } from "./query-assigned-elements-yFWOzcsT.mjs";
|
5
|
-
import { n as a } from "./property-K7hFBmOi.mjs";
|
6
|
-
import { t as l } from "./state-inNZe6rL.mjs";
|
7
|
-
import { i as g } from "./query-1WmuF6Bq.mjs";
|
8
|
-
import { o as _ } from "./class-map-YPXv0Hj4.mjs";
|
1
|
+
import { i as t } from "./query-assigned-elements-4a39219d.mjs";
|
9
2
|
/**
|
10
3
|
* @license
|
11
|
-
* Copyright
|
12
|
-
* SPDX-
|
4
|
+
* Copyright 2021 Google LLC
|
5
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
13
6
|
*/
|
14
|
-
|
15
|
-
constructor() {
|
16
|
-
super(...arguments), this.value = "", this.group = null, this.tabindex = -1, this.disabled = !1, this.twoline = !1, this.activated = !1, this.graphic = null, this.multipleGraphics = !1, this.hasMeta = !1, this.noninteractive = !1, this.selected = !1, this.shouldRenderRipple = !1, this._managingList = null, this.boundOnClick = this.onClick.bind(this), this._firstChanged = !0, this._skipPropRequest = !1, this.rippleHandlers = new p(() => (this.shouldRenderRipple = !0, this.ripple)), this.listeners = [
|
17
|
-
{
|
18
|
-
target: this,
|
19
|
-
eventNames: ["click"],
|
20
|
-
cb: () => {
|
21
|
-
this.onClick();
|
22
|
-
}
|
23
|
-
},
|
24
|
-
{
|
25
|
-
target: this,
|
26
|
-
eventNames: ["mouseenter"],
|
27
|
-
cb: this.rippleHandlers.startHover
|
28
|
-
},
|
29
|
-
{
|
30
|
-
target: this,
|
31
|
-
eventNames: ["mouseleave"],
|
32
|
-
cb: this.rippleHandlers.endHover
|
33
|
-
},
|
34
|
-
{
|
35
|
-
target: this,
|
36
|
-
eventNames: ["focus"],
|
37
|
-
cb: this.rippleHandlers.startFocus
|
38
|
-
},
|
39
|
-
{
|
40
|
-
target: this,
|
41
|
-
eventNames: ["blur"],
|
42
|
-
cb: this.rippleHandlers.endFocus
|
43
|
-
},
|
44
|
-
{
|
45
|
-
target: this,
|
46
|
-
eventNames: ["mousedown", "touchstart"],
|
47
|
-
cb: (t) => {
|
48
|
-
const r = t.type;
|
49
|
-
this.onDown(r === "mousedown" ? "mouseup" : "touchend", t);
|
50
|
-
}
|
51
|
-
}
|
52
|
-
];
|
53
|
-
}
|
54
|
-
get text() {
|
55
|
-
const t = this.textContent;
|
56
|
-
return t ? t.trim() : "";
|
57
|
-
}
|
58
|
-
render() {
|
59
|
-
const t = this.renderText(), r = this.graphic ? this.renderGraphic() : s``, c = this.hasMeta ? this.renderMeta() : s``;
|
60
|
-
return s`
|
61
|
-
${this.renderRipple()}
|
62
|
-
${r}
|
63
|
-
${t}
|
64
|
-
${c}`;
|
65
|
-
}
|
66
|
-
renderRipple() {
|
67
|
-
return this.shouldRenderRipple ? s`
|
68
|
-
<mwc-ripple
|
69
|
-
.activated=${this.activated}>
|
70
|
-
</mwc-ripple>` : this.activated ? s`<div class="fake-activated-ripple"></div>` : "";
|
71
|
-
}
|
72
|
-
renderGraphic() {
|
73
|
-
const t = {
|
74
|
-
multi: this.multipleGraphics
|
75
|
-
};
|
76
|
-
return s`
|
77
|
-
<span class="mdc-deprecated-list-item__graphic material-icons ${_(t)}">
|
78
|
-
<slot name="graphic"></slot>
|
79
|
-
</span>`;
|
80
|
-
}
|
81
|
-
renderMeta() {
|
82
|
-
return s`
|
83
|
-
<span class="mdc-deprecated-list-item__meta material-icons">
|
84
|
-
<slot name="meta"></slot>
|
85
|
-
</span>`;
|
86
|
-
}
|
87
|
-
renderText() {
|
88
|
-
const t = this.twoline ? this.renderTwoline() : this.renderSingleLine();
|
89
|
-
return s`
|
90
|
-
<span class="mdc-deprecated-list-item__text">
|
91
|
-
${t}
|
92
|
-
</span>`;
|
93
|
-
}
|
94
|
-
renderSingleLine() {
|
95
|
-
return s`<slot></slot>`;
|
96
|
-
}
|
97
|
-
renderTwoline() {
|
98
|
-
return s`
|
99
|
-
<span class="mdc-deprecated-list-item__primary-text">
|
100
|
-
<slot></slot>
|
101
|
-
</span>
|
102
|
-
<span class="mdc-deprecated-list-item__secondary-text">
|
103
|
-
<slot name="secondary"></slot>
|
104
|
-
</span>
|
105
|
-
`;
|
106
|
-
}
|
107
|
-
onClick() {
|
108
|
-
this.fireRequestSelected(!this.selected, "interaction");
|
109
|
-
}
|
110
|
-
onDown(t, r) {
|
111
|
-
const c = () => {
|
112
|
-
window.removeEventListener(t, c), this.rippleHandlers.endPress();
|
113
|
-
};
|
114
|
-
window.addEventListener(t, c), this.rippleHandlers.startPress(r);
|
115
|
-
}
|
116
|
-
fireRequestSelected(t, r) {
|
117
|
-
if (this.noninteractive)
|
118
|
-
return;
|
119
|
-
const c = new CustomEvent("request-selected", { bubbles: !0, composed: !0, detail: { source: r, selected: t } });
|
120
|
-
this.dispatchEvent(c);
|
121
|
-
}
|
122
|
-
connectedCallback() {
|
123
|
-
super.connectedCallback(), this.noninteractive || this.setAttribute("mwc-list-item", "");
|
124
|
-
for (const t of this.listeners)
|
125
|
-
for (const r of t.eventNames)
|
126
|
-
t.target.addEventListener(r, t.cb, { passive: !0 });
|
127
|
-
}
|
128
|
-
disconnectedCallback() {
|
129
|
-
super.disconnectedCallback();
|
130
|
-
for (const t of this.listeners)
|
131
|
-
for (const r of t.eventNames)
|
132
|
-
t.target.removeEventListener(r, t.cb);
|
133
|
-
this._managingList && (this._managingList.debouncedLayout ? this._managingList.debouncedLayout(!0) : this._managingList.layout(!0));
|
134
|
-
}
|
135
|
-
// composed flag, event fire through shadow root and up through composed tree
|
136
|
-
firstUpdated() {
|
137
|
-
const t = new Event("list-item-rendered", { bubbles: !0, composed: !0 });
|
138
|
-
this.dispatchEvent(t);
|
139
|
-
}
|
140
|
-
}
|
141
|
-
e([
|
142
|
-
g("slot")
|
143
|
-
], i.prototype, "slotElement", void 0);
|
144
|
-
e([
|
145
|
-
n("mwc-ripple")
|
146
|
-
], i.prototype, "ripple", void 0);
|
147
|
-
e([
|
148
|
-
a({ type: String })
|
149
|
-
], i.prototype, "value", void 0);
|
150
|
-
e([
|
151
|
-
a({ type: String, reflect: !0 })
|
152
|
-
], i.prototype, "group", void 0);
|
153
|
-
e([
|
154
|
-
a({ type: Number, reflect: !0 })
|
155
|
-
], i.prototype, "tabindex", void 0);
|
156
|
-
e([
|
157
|
-
a({ type: Boolean, reflect: !0 }),
|
158
|
-
d(function(o) {
|
159
|
-
o ? this.setAttribute("aria-disabled", "true") : this.setAttribute("aria-disabled", "false");
|
160
|
-
})
|
161
|
-
], i.prototype, "disabled", void 0);
|
162
|
-
e([
|
163
|
-
a({ type: Boolean, reflect: !0 })
|
164
|
-
], i.prototype, "twoline", void 0);
|
165
|
-
e([
|
166
|
-
a({ type: Boolean, reflect: !0 })
|
167
|
-
], i.prototype, "activated", void 0);
|
168
|
-
e([
|
169
|
-
a({ type: String, reflect: !0 })
|
170
|
-
], i.prototype, "graphic", void 0);
|
171
|
-
e([
|
172
|
-
a({ type: Boolean })
|
173
|
-
], i.prototype, "multipleGraphics", void 0);
|
174
|
-
e([
|
175
|
-
a({ type: Boolean })
|
176
|
-
], i.prototype, "hasMeta", void 0);
|
177
|
-
e([
|
178
|
-
a({ type: Boolean, reflect: !0 }),
|
179
|
-
d(function(o) {
|
180
|
-
o ? (this.removeAttribute("aria-checked"), this.removeAttribute("mwc-list-item"), this.selected = !1, this.activated = !1, this.tabIndex = -1) : this.setAttribute("mwc-list-item", "");
|
181
|
-
})
|
182
|
-
], i.prototype, "noninteractive", void 0);
|
183
|
-
e([
|
184
|
-
a({ type: Boolean, reflect: !0 }),
|
185
|
-
d(function(o) {
|
186
|
-
const t = this.getAttribute("role"), r = t === "gridcell" || t === "option" || t === "row" || t === "tab";
|
187
|
-
if (r && o ? this.setAttribute("aria-selected", "true") : r && this.setAttribute("aria-selected", "false"), this._firstChanged) {
|
188
|
-
this._firstChanged = !1;
|
189
|
-
return;
|
190
|
-
}
|
191
|
-
this._skipPropRequest || this.fireRequestSelected(o, "property");
|
192
|
-
})
|
193
|
-
], i.prototype, "selected", void 0);
|
194
|
-
e([
|
195
|
-
l()
|
196
|
-
], i.prototype, "shouldRenderRipple", void 0);
|
197
|
-
e([
|
198
|
-
l()
|
199
|
-
], i.prototype, "_managingList", void 0);
|
7
|
+
const i = t`:host(:not([twoline])){height:56px}:host(:not([left])) .mdc-deprecated-list-item__meta{height:40px;width:40px}`;
|
200
8
|
/**
|
201
9
|
* @license
|
202
10
|
* Copyright 2021 Google LLC
|
203
11
|
* SPDX-LIcense-Identifier: Apache-2.0
|
204
12
|
*/
|
205
|
-
const
|
13
|
+
const r = t`:host{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;height:48px;display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:var(--mdc-list-side-padding, 16px);padding-right:var(--mdc-list-side-padding, 16px);outline:none;height:48px;color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}:host:focus{outline:none}:host([activated]){color:#6200ee;color:var(--mdc-theme-primary, #6200ee);--mdc-ripple-color: var( --mdc-theme-primary, #6200ee )}:host([activated]) .mdc-deprecated-list-item__graphic{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}:host([activated]) .fake-activated-ripple::before{position:absolute;display:block;top:0;bottom:0;left:0;right:0;width:100%;height:100%;pointer-events:none;z-index:1;content:"";opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12);background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-deprecated-list-item__graphic{flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;display:inline-flex}.mdc-deprecated-list-item__graphic ::slotted(*){flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;width:100%;height:100%;text-align:center}.mdc-deprecated-list-item__meta{width:var(--mdc-list-item-meta-size, 24px);height:var(--mdc-list-item-meta-size, 24px);margin-left:auto;margin-right:0;color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-item__meta.multi{width:auto}.mdc-deprecated-list-item__meta ::slotted(*){width:var(--mdc-list-item-meta-size, 24px);line-height:var(--mdc-list-item-meta-size, 24px)}.mdc-deprecated-list-item__meta ::slotted(.material-icons),.mdc-deprecated-list-item__meta ::slotted(mwc-icon){line-height:var(--mdc-list-item-meta-size, 24px) !important}.mdc-deprecated-list-item__meta ::slotted(:not(.material-icons):not(mwc-icon)){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}[dir=rtl] .mdc-deprecated-list-item__meta,.mdc-deprecated-list-item__meta[dir=rtl]{margin-left:0;margin-right:auto}.mdc-deprecated-list-item__meta ::slotted(*){width:100%;height:100%}.mdc-deprecated-list-item__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-deprecated-list-item__text ::slotted([for]),.mdc-deprecated-list-item__text[for]{pointer-events:none}.mdc-deprecated-list-item__primary-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal;margin-bottom:-20px;display:block}.mdc-deprecated-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:"";vertical-align:0}.mdc-deprecated-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-deprecated-list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal;display:block}.mdc-deprecated-list-item__secondary-text::before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-deprecated-list--dense .mdc-deprecated-list-item__secondary-text{font-size:inherit}* ::slotted(a),a{color:inherit;text-decoration:none}:host([twoline]){height:72px}:host([twoline]) .mdc-deprecated-list-item__text{align-self:flex-start}:host([disabled]),:host([noninteractive]){cursor:default;pointer-events:none}:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*){opacity:.38}:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*),:host([disabled]) .mdc-deprecated-list-item__primary-text ::slotted(*),:host([disabled]) .mdc-deprecated-list-item__secondary-text ::slotted(*){color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-deprecated-list-item__secondary-text ::slotted(*){color:rgba(0, 0, 0, 0.54);color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-deprecated-list-item__graphic ::slotted(*){background-color:transparent;color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-group__subheader ::slotted(*){color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 40px);height:var(--mdc-list-item-graphic-size, 40px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 40px);line-height:var(--mdc-list-item-graphic-size, 40px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon){line-height:var(--mdc-list-item-graphic-size, 40px) !important}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(*){border-radius:50%}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic,:host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic,:host([graphic=control]) .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:var(--mdc-list-item-graphic-margin, 16px)}[dir=rtl] :host([graphic=avatar]) .mdc-deprecated-list-item__graphic,[dir=rtl] :host([graphic=medium]) .mdc-deprecated-list-item__graphic,[dir=rtl] :host([graphic=large]) .mdc-deprecated-list-item__graphic,[dir=rtl] :host([graphic=control]) .mdc-deprecated-list-item__graphic,:host([graphic=avatar]) .mdc-deprecated-list-item__graphic[dir=rtl],:host([graphic=medium]) .mdc-deprecated-list-item__graphic[dir=rtl],:host([graphic=large]) .mdc-deprecated-list-item__graphic[dir=rtl],:host([graphic=control]) .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:var(--mdc-list-item-graphic-margin, 16px);margin-right:0}:host([graphic=icon]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 24px);height:var(--mdc-list-item-graphic-size, 24px);margin-left:0;margin-right:var(--mdc-list-item-graphic-margin, 32px)}:host([graphic=icon]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 24px);line-height:var(--mdc-list-item-graphic-size, 24px)}:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon){line-height:var(--mdc-list-item-graphic-size, 24px) !important}[dir=rtl] :host([graphic=icon]) .mdc-deprecated-list-item__graphic,:host([graphic=icon]) .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:var(--mdc-list-item-graphic-margin, 32px);margin-right:0}:host([graphic=avatar]:not([twoLine])),:host([graphic=icon]:not([twoLine])){height:56px}:host([graphic=medium]:not([twoLine])),:host([graphic=large]:not([twoLine])){height:72px}:host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 56px);height:var(--mdc-list-item-graphic-size, 56px)}:host([graphic=medium]) .mdc-deprecated-list-item__graphic.multi,:host([graphic=large]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(*),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 56px);line-height:var(--mdc-list-item-graphic-size, 56px)}:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon){line-height:var(--mdc-list-item-graphic-size, 56px) !important}:host([graphic=large]){padding-left:0px}`;
|
206
14
|
export {
|
207
|
-
i as
|
208
|
-
|
15
|
+
i as a,
|
16
|
+
r as s
|
209
17
|
};
|