@covalent/components 11.13.1 → 11.13.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/package.json +1 -1
- package/tree-list/tree-list-item.d.ts +1 -0
- package/tree-list-item.js +6 -6
- package/tree-list-item.mjs +24 -20
package/package.json
CHANGED
package/tree-list-item.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./query-assigned-elements-8EurZY45.js"),n=require("./property-DYTC_2-m.js"),d=require("./class-map-DTzB8z-1.js");require("./icon.js");const l='.mdc-ripple-surface{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-ripple-surface:before,.mdc-ripple-surface:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface:before,.mdc-ripple-surface:after{top:0%;left:0%;width:100%;height:100%}.mdc-ripple-surface.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 50%);height:var(--mdc-ripple-fg-size, 50%)}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover:before,.mdc-ripple-surface.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused:before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface:after,.mdc-ripple-surface:before{border-radius:0 16px 16px 0}.itemContent{padding:0 32px 0 var(--indent);margin-right:16px}.itemContent:hover{cursor:pointer;background-color:var(--mdc-theme-surface-neutral-highlight-hover);border-radius:0 16px 16px 0}.selected{background-color:var(--mdc-theme-surface-primary-highlight);color:var(--mdc-theme-primary);border-radius:0 16px 16px 0}.selected:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}.mainContent{display:flex;flex-direction:row;padding:4px 0}[name=label]::slotted(*){font-family:var(--mdc-typography-body1-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);letter-spacing:.25px;padding-left:16px}[name=extraContent]::slotted(*){padding-left:64px;padding-bottom:4px;margin-top:-4px;letter-spacing:.4px;color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height)}.hidden{display:none}.visible{display:flex;flex-direction:column}.endOfNest{padding:8px;padding-left:calc(var(--indent) + 20px);letter-spacing:.4px;-webkit-user-select:none;user-select:none;color:var(--mdc-theme-text-disabled-on-background);font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height)}.arrowIcon{color:var(--mdc-theme-text-primary-on-background)}.arrowIcon.hidden-arrow{visibility:hidden}.open{transition:transform .1s ease-out;transform:rotate(90deg)}.close{transition:transform .1s ease-in;transform:rotate(0)}';var m=Object.defineProperty,f=Object.getOwnPropertyDescriptor,a=(c,t,o,i)=>{for(var e=i>1?void 0:i?f(t,o):t,p=c.length-1,s;p>=0;p--)(s=c[p])&&(e=(i?s(t,o,e):s(e))||e);return i&&e&&m(t,o,e),e};exports.CovalentTreeListItem=class extends r.s{constructor(){super(...arguments),this.isOpen=!1,this.icon="",this.indentLevel=0,this.indentMultiple=16,this.isLeafItem=!1}render(){const t={hidden:!this.isOpen,visible:this.isOpen},o={open:this.isOpen,close:!this.isOpen,"hidden-arrow":this.isLeafItem},i="arrow_right",e=r.x`<cv-icon>${this.icon}</cv-icon>`,p=r.x`<cv-icon class="${d.o(o)} arrowIcon"
|
|
2
2
|
>${i}</cv-icon
|
|
3
|
-
>`;return
|
|
3
|
+
>`;return r.x`
|
|
4
4
|
<div
|
|
5
5
|
class="itemContent mdc-ripple-surface"
|
|
6
6
|
@click="${this._handleClick}"
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
</div>
|
|
13
13
|
<slot name="extraContent"></slot>
|
|
14
14
|
</div>
|
|
15
|
-
<slot name="nest" class="${d.o(
|
|
15
|
+
<slot name="nest" class="${d.o(t)}">
|
|
16
16
|
<div
|
|
17
17
|
class="endOfNest"
|
|
18
18
|
style="--indent:${this.indentLevel*this.indentMultiple+this.indentMultiple}px"
|
|
@@ -20,6 +20,6 @@
|
|
|
20
20
|
No results
|
|
21
21
|
</div>
|
|
22
22
|
</slot>
|
|
23
|
-
`}_handleClick(){this.isOpen=!this.isOpen;const
|
|
24
|
-
${
|
|
25
|
-
`];
|
|
23
|
+
`}_handleClick(){this.isLeafItem||(this.isOpen=!this.isOpen);const t=new CustomEvent("select",{detail:{message:`Emitting an event from ${this}`},bubbles:!0,composed:!0});this.dispatchEvent(t)}};exports.CovalentTreeListItem.styles=[r.i`
|
|
24
|
+
${r.r(l)}
|
|
25
|
+
`];a([n.n({type:Boolean})],exports.CovalentTreeListItem.prototype,"isOpen",2);a([n.n({type:String})],exports.CovalentTreeListItem.prototype,"icon",2);a([n.n({type:Number})],exports.CovalentTreeListItem.prototype,"indentLevel",2);a([n.n({type:Number})],exports.CovalentTreeListItem.prototype,"indentMultiple",2);a([n.n({type:Boolean})],exports.CovalentTreeListItem.prototype,"isLeafItem",2);exports.CovalentTreeListItem=a([r.e("cv-tree-list-item")],exports.CovalentTreeListItem);const u=exports.CovalentTreeListItem;exports.default=u;
|
package/tree-list-item.mjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { r as m, i as f, s as
|
|
1
|
+
import { r as m, i as f, s as h, x as d, e as g } from "./query-assigned-elements-D930kELM.mjs";
|
|
2
2
|
import { n } from "./property-DJzm_oB9.mjs";
|
|
3
3
|
import { o as l } from "./class-map-DPUylGZM.mjs";
|
|
4
4
|
import "./icon.mjs";
|
|
5
|
-
const
|
|
6
|
-
var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor,
|
|
7
|
-
for (var e = p > 1 ? void 0 : p ? y(i,
|
|
8
|
-
(
|
|
9
|
-
return p && e && v(i,
|
|
5
|
+
const u = '.mdc-ripple-surface{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-ripple-surface:before,.mdc-ripple-surface:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface:before,.mdc-ripple-surface:after{top:0%;left:0%;width:100%;height:100%}.mdc-ripple-surface.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 50%);height:var(--mdc-ripple-fg-size, 50%)}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover:before,.mdc-ripple-surface.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused:before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface:after,.mdc-ripple-surface:before{border-radius:0 16px 16px 0}.itemContent{padding:0 32px 0 var(--indent);margin-right:16px}.itemContent:hover{cursor:pointer;background-color:var(--mdc-theme-surface-neutral-highlight-hover);border-radius:0 16px 16px 0}.selected{background-color:var(--mdc-theme-surface-primary-highlight);color:var(--mdc-theme-primary);border-radius:0 16px 16px 0}.selected:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}.mainContent{display:flex;flex-direction:row;padding:4px 0}[name=label]::slotted(*){font-family:var(--mdc-typography-body1-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);letter-spacing:.25px;padding-left:16px}[name=extraContent]::slotted(*){padding-left:64px;padding-bottom:4px;margin-top:-4px;letter-spacing:.4px;color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height)}.hidden{display:none}.visible{display:flex;flex-direction:column}.endOfNest{padding:8px;padding-left:calc(var(--indent) + 20px);letter-spacing:.4px;-webkit-user-select:none;user-select:none;color:var(--mdc-theme-text-disabled-on-background);font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height)}.arrowIcon{color:var(--mdc-theme-text-primary-on-background)}.arrowIcon.hidden-arrow{visibility:hidden}.open{transition:transform .1s ease-out;transform:rotate(90deg)}.close{transition:transform .1s ease-in;transform:rotate(0)}';
|
|
6
|
+
var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, a = (t, i, o, p) => {
|
|
7
|
+
for (var e = p > 1 ? void 0 : p ? y(i, o) : i, c = t.length - 1, s; c >= 0; c--)
|
|
8
|
+
(s = t[c]) && (e = (p ? s(i, o, e) : s(e)) || e);
|
|
9
|
+
return p && e && v(i, o, e), e;
|
|
10
10
|
};
|
|
11
|
-
let r = class extends
|
|
11
|
+
let r = class extends h {
|
|
12
12
|
constructor() {
|
|
13
|
-
super(...arguments), this.isOpen = !1, this.icon = "", this.indentLevel = 0, this.indentMultiple = 16;
|
|
13
|
+
super(...arguments), this.isOpen = !1, this.icon = "", this.indentLevel = 0, this.indentMultiple = 16, this.isLeafItem = !1;
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
16
|
const t = {
|
|
@@ -18,11 +18,12 @@ let r = class extends g {
|
|
|
18
18
|
visible: this.isOpen
|
|
19
19
|
}, i = {
|
|
20
20
|
open: this.isOpen,
|
|
21
|
-
close: !this.isOpen
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
close: !this.isOpen,
|
|
22
|
+
"hidden-arrow": this.isLeafItem
|
|
23
|
+
}, o = "arrow_right", p = d`<cv-icon>${this.icon}</cv-icon>`, e = d`<cv-icon class="${l(i)} arrowIcon"
|
|
24
|
+
>${o}</cv-icon
|
|
24
25
|
>`;
|
|
25
|
-
return
|
|
26
|
+
return d`
|
|
26
27
|
<div
|
|
27
28
|
class="itemContent mdc-ripple-surface"
|
|
28
29
|
@click="${this._handleClick}"
|
|
@@ -45,7 +46,7 @@ let r = class extends g {
|
|
|
45
46
|
`;
|
|
46
47
|
}
|
|
47
48
|
_handleClick() {
|
|
48
|
-
this.isOpen = !this.isOpen;
|
|
49
|
+
this.isLeafItem || (this.isOpen = !this.isOpen);
|
|
49
50
|
const t = new CustomEvent("select", {
|
|
50
51
|
detail: {
|
|
51
52
|
message: `Emitting an event from ${this}`
|
|
@@ -59,23 +60,26 @@ let r = class extends g {
|
|
|
59
60
|
};
|
|
60
61
|
r.styles = [
|
|
61
62
|
f`
|
|
62
|
-
${m(
|
|
63
|
+
${m(u)}
|
|
63
64
|
`
|
|
64
65
|
];
|
|
65
|
-
|
|
66
|
+
a([
|
|
66
67
|
n({ type: Boolean })
|
|
67
68
|
], r.prototype, "isOpen", 2);
|
|
68
|
-
|
|
69
|
+
a([
|
|
69
70
|
n({ type: String })
|
|
70
71
|
], r.prototype, "icon", 2);
|
|
71
|
-
|
|
72
|
+
a([
|
|
72
73
|
n({ type: Number })
|
|
73
74
|
], r.prototype, "indentLevel", 2);
|
|
74
|
-
|
|
75
|
+
a([
|
|
75
76
|
n({ type: Number })
|
|
76
77
|
], r.prototype, "indentMultiple", 2);
|
|
77
|
-
|
|
78
|
-
|
|
78
|
+
a([
|
|
79
|
+
n({ type: Boolean })
|
|
80
|
+
], r.prototype, "isLeafItem", 2);
|
|
81
|
+
r = a([
|
|
82
|
+
g("cv-tree-list-item")
|
|
79
83
|
], r);
|
|
80
84
|
const O = r;
|
|
81
85
|
export {
|