@covalent/components 6.3.0-beta.4 → 6.4.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 +6 -6
- package/action-ribbon.mjs +23 -24
- package/alert.js +4 -4
- package/alert.mjs +27 -28
- package/app-shell/app-shell.d.ts +0 -13
- package/app-shell/app-shell.d.ts.map +1 -1
- package/app-shell.js +12 -20
- package/app-shell.mjs +54 -85
- package/{base-element-d5abe37a.js → base-element-58a3f9ea.js} +1 -1
- package/{base-element-c3dc926e.mjs → base-element-67ae173f.mjs} +2 -2
- package/button.js +4 -4
- package/button.mjs +13 -13
- package/card.js +8 -8
- package/card.mjs +4 -4
- package/check-list-item.js +3 -3
- package/check-list-item.mjs +16 -16
- package/checkbox.js +1 -1
- package/checkbox.mjs +15 -15
- package/circular-progress.js +7 -7
- package/circular-progress.mjs +6 -6
- package/class-map-4b94b017.mjs +62 -0
- package/class-map-b5efe8da.js +9 -0
- package/code-snippet.js +9 -9
- package/code-snippet.mjs +1276 -1213
- package/{dialog-8ee07177.js → dialog-79036d60.js} +4 -4
- package/{dialog-85c21333.mjs → dialog-9ac44447.mjs} +39 -39
- package/dialog.js +1 -1
- package/dialog.mjs +8 -8
- package/{directive-helpers-fce8cf91.js → directive-helpers-0ce1f995.js} +2 -2
- package/{directive-helpers-725a181d.mjs → directive-helpers-e3ea6592.mjs} +3 -3
- package/drawer.js +1 -1
- package/drawer.mjs +8 -8
- package/empty-state.js +7 -7
- package/empty-state.mjs +4 -4
- package/{event-options-7bc382d8.js → event-options-3f5eb195.js} +1 -1
- package/{event-options-3937d997.mjs → event-options-78d6cf94.mjs} +1 -1
- package/{form-element-6dbd7afa.mjs → form-element-bd973124.mjs} +4 -4
- package/{form-element-d4e7bcdb.js → form-element-ead758d4.js} +2 -2
- package/{foundation-c580100a.mjs → foundation-3f556da7.mjs} +78 -28
- package/{foundation-3f55a9dc.js → foundation-62d4413d.js} +24 -3
- package/icon-button.js +5 -5
- package/icon-button.mjs +12 -12
- package/icon-check-toggle.js +5 -5
- package/icon-check-toggle.mjs +15 -15
- package/icon-radio-toggle.js +4 -4
- package/icon-radio-toggle.mjs +15 -15
- package/icon.js +1 -1
- package/icon.mjs +3 -3
- package/{if-defined-639ed018.mjs → if-defined-c367f208.mjs} +1 -1
- package/if-defined-f1c45245.js +5 -0
- package/index.js +1 -1
- package/index.mjs +120 -121
- package/linear-progress.js +6 -6
- package/linear-progress.mjs +13 -13
- package/list/list-expansion.d.ts +4 -1
- package/list/list-expansion.d.ts.map +1 -1
- package/list/list-item.d.ts +2 -0
- package/list/list-item.d.ts.map +1 -1
- package/list/list.d.ts +5 -0
- package/list/list.d.ts.map +1 -1
- package/list/nav-list-item.d.ts +1 -0
- package/list/nav-list-item.d.ts.map +1 -1
- package/list-05db7fed.js +5 -0
- package/list-066f5de4.mjs +45 -0
- package/list-expansion.js +9 -11
- package/list-expansion.mjs +53 -47
- package/list-item-8da7ba96.js +9 -0
- package/list-item-ba77097d.mjs +44 -0
- package/list-item.js +1 -1
- package/list-item.mjs +13 -13
- package/list.js +1 -6
- package/list.mjs +17 -38
- package/menu.js +1 -1
- package/menu.mjs +15 -15
- package/{mwc-checkbox-base-10e977f2.mjs → mwc-checkbox-base-3da36456.mjs} +21 -21
- package/{mwc-checkbox-base-435c1f1d.js → mwc-checkbox-base-d46c7666.js} +9 -9
- package/{mwc-checkbox.css-b7abc7fd.mjs → mwc-checkbox.css-8f4f1a9b.mjs} +1 -1
- package/{mwc-checkbox.css-956e3d6c.js → mwc-checkbox.css-b3434429.js} +1 -1
- package/{mwc-drawer-base-f44fcf34.js → mwc-drawer-base-8eecb1de.js} +6 -6
- package/{mwc-drawer-base-b2b772c3.mjs → mwc-drawer-base-fe660bdf.mjs} +10 -10
- package/{mwc-icon-b96fb867.js → mwc-icon-8c9cd0c9.js} +2 -2
- package/{mwc-icon-c7013880.mjs → mwc-icon-ba18383d.mjs} +2 -2
- package/{mwc-line-ripple-directive-a97ce725.js → mwc-line-ripple-directive-d1cf9570.js} +3 -3
- package/{mwc-line-ripple-directive-c3e1f04a.mjs → mwc-line-ripple-directive-ffce2cff.mjs} +6 -6
- package/{mwc-list-base-c0f8af1c.mjs → mwc-list-base-32d4ac31.mjs} +9 -9
- package/{mwc-list-base-7d5f7278.js → mwc-list-base-cb3500b4.js} +4 -4
- package/{mwc-list-item-base-803b9771.js → mwc-list-item-base-4a4d1e1b.js} +8 -8
- package/{mwc-list-item-base-acef0223.mjs → mwc-list-item-base-8654347d.mjs} +7 -7
- package/{mwc-list-item.css-401e2407.js → mwc-list-item.css-25adc0c4.js} +1 -1
- package/{mwc-list-item.css-b5481d96.mjs → mwc-list-item.css-b0009fc7.mjs} +1 -1
- package/{mwc-menu-base-8970b43d.mjs → mwc-menu-base-572a76b9.mjs} +11 -11
- package/{mwc-menu-base-ac49fe54.js → mwc-menu-base-f14ec544.js} +17 -17
- package/{mwc-radio-base-442d495a.js → mwc-radio-base-470b4fcc.js} +4 -4
- package/{mwc-radio-base-c29e6f42.mjs → mwc-radio-base-9446d39b.mjs} +11 -11
- package/{mwc-radio.css-388ad26d.js → mwc-radio.css-4e140252.js} +1 -1
- package/{mwc-radio.css-4694aa9c.mjs → mwc-radio.css-7454bb11.mjs} +1 -1
- package/{mwc-slider.css-336f809b.mjs → mwc-slider.css-10adbaf8.mjs} +12 -12
- package/{mwc-slider.css-48f02f1e.js → mwc-slider.css-9dd57b10.js} +11 -11
- package/{mwc-tab-base-7fb3d339.mjs → mwc-tab-base-4ba47acc.mjs} +14 -14
- package/{mwc-tab-base-1a19b299.js → mwc-tab-base-fc3ffb43.js} +13 -13
- package/{mwc-top-app-bar-base-14e0a018.js → mwc-top-app-bar-base-0304e67f.js} +8 -8
- package/{mwc-top-app-bar-base-79c87e69.mjs → mwc-top-app-bar-base-adc4168a.mjs} +22 -24
- package/nav-list-item.js +10 -10
- package/nav-list-item.mjs +31 -28
- package/package.json +1 -2
- package/{property-074570d1.js → property-57f6f6fe.js} +1 -1
- package/{property-ca27685b.mjs → property-9b6ea53b.mjs} +9 -9
- package/{query-2ba749b7.js → query-680f1868.js} +1 -1
- package/{query-assigned-elements-514e5265.mjs → query-assigned-elements-4a39219d.mjs} +153 -152
- package/query-assigned-elements-f623705d.js +31 -0
- package/{query-assigned-nodes-9ec0fa5f.js → query-assigned-nodes-99eae71d.js} +1 -1
- package/{query-assigned-nodes-bea12e0c.mjs → query-assigned-nodes-df691e78.mjs} +1 -1
- package/{query-1e7846ea.mjs → query-d843aa92.mjs} +1 -1
- package/radio-list-item.js +3 -3
- package/radio-list-item.mjs +18 -18
- package/radio.js +1 -1
- package/radio.mjs +15 -15
- package/{ripple-handlers-227497d3.mjs → ripple-handlers-321219b8.mjs} +10 -10
- package/{ripple-handlers-2176f137.js → ripple-handlers-c82b1232.js} +5 -5
- package/select.js +10 -10
- package/select.mjs +20 -20
- package/side-sheet.js +2 -2
- package/side-sheet.mjs +21 -21
- package/slider-range.js +7 -7
- package/slider-range.mjs +13 -13
- package/slider.js +3 -3
- package/slider.mjs +15 -15
- package/snackbar.js +6 -6
- package/snackbar.mjs +12 -12
- package/state-0974a8e5.js +5 -0
- package/{state-6f7e570d.mjs → state-b5e865db.mjs} +1 -1
- package/status-header-item.js +3 -3
- package/status-header-item.mjs +15 -15
- package/status-header.js +2 -2
- package/status-header.mjs +3 -3
- package/style-map-88d2563f.js +5 -0
- package/style-map-bc3ed3e0.mjs +44 -0
- package/style.css +1 -1
- package/switch.js +8 -8
- package/switch.mjs +13 -13
- package/tab-bar.js +5 -5
- package/tab-bar.mjs +16 -16
- package/tab.js +1 -1
- package/tab.mjs +12 -12
- package/text-lockup.js +4 -4
- package/text-lockup.mjs +7 -7
- package/textarea.js +4 -4
- package/textarea.mjs +26 -26
- package/{textfield-507c6a06.js → textfield-0993c163.js} +12 -12
- package/{textfield-276b0ded.mjs → textfield-2cee5a1a.mjs} +14 -14
- package/textfield.js +1 -1
- package/textfield.mjs +14 -14
- package/toolbar.js +1 -1
- package/toolbar.mjs +8 -8
- package/tooltip/tooltip.d.ts.map +1 -1
- package/tooltip.js +32 -11
- package/tooltip.mjs +611 -516
- package/{top-app-bar-34e85527.js → top-app-bar-a531c1b4.js} +1 -1
- package/{top-app-bar-a236c3bc.mjs → top-app-bar-f83386e0.mjs} +1 -1
- package/top-app-bar-fixed.js +89 -5
- package/top-app-bar-fixed.mjs +279 -37
- package/top-app-bar.js +1 -1
- package/top-app-bar.mjs +9 -9
- package/tree-list-item.js +7 -7
- package/tree-list-item.mjs +6 -6
- package/tree-list.js +2 -2
- package/tree-list.mjs +1 -1
- package/tslib.es6-e6a11c8a.js +1 -0
- package/tslib.es6-f1eaf65c.mjs +82 -0
- package/typography.js +3 -3
- package/typography.mjs +2 -2
- package/{utils-dc65fdc9.mjs → utils-2932417c.mjs} +2 -2
- package/class-map-08c84aeb.mjs +0 -62
- package/class-map-50b8edb4.js +0 -9
- package/foundation-2334d146.mjs +0 -60
- package/foundation-e830bd94.js +0 -22
- package/if-defined-cb12d481.js +0 -5
- package/list-item-1c65e4db.mjs +0 -32
- package/list-item-ee331821.js +0 -8
- package/query-assigned-elements-07e38f46.js +0 -33
- package/state-949232e6.js +0 -5
- package/style-map-2cb0fb63.mjs +0 -40
- package/style-map-3056a771.js +0 -5
- package/tslib.es6-6b53b818.js +0 -1
- package/tslib.es6-b5e819a6.mjs +0 -82
package/circular-progress.js
CHANGED
@@ -1,11 +1,11 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./tslib.es6-
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./tslib.es6-e6a11c8a.js"),m=require("./aria-property-849c8816.js"),a=require("./query-assigned-elements-f623705d.js"),d=require("./property-57f6f6fe.js"),g=require("./class-map-b5efe8da.js"),p=require("./if-defined-f1c45245.js"),u=require("./style-map-88d2563f.js");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2020 Google LLC
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
5
|
-
*/class o extends a.s{constructor(){super(...arguments),this.indeterminate=!1,this.progress=0,this.density=0,this.closed=!1}open(){this.closed=!1}close(){this.closed=!0}render(){const r={"mdc-circular-progress--closed":this.closed,"mdc-circular-progress--indeterminate":this.indeterminate},e=48+this.density*4,i={width:`${e}px`,height:`${e}px`};return a.
|
5
|
+
*/class o extends a.s{constructor(){super(...arguments),this.indeterminate=!1,this.progress=0,this.density=0,this.closed=!1}open(){this.closed=!1}close(){this.closed=!0}render(){const r={"mdc-circular-progress--closed":this.closed,"mdc-circular-progress--indeterminate":this.indeterminate},e=48+this.density*4,i={width:`${e}px`,height:`${e}px`};return a.x`
|
6
6
|
<div
|
7
7
|
class="mdc-circular-progress ${g.o(r)}"
|
8
|
-
style="${u.
|
8
|
+
style="${u.o(i)}"
|
9
9
|
role="progressbar"
|
10
10
|
aria-label="${p.l(this.ariaLabel)}"
|
11
11
|
aria-valuemin="0"
|
@@ -13,7 +13,7 @@
|
|
13
13
|
aria-valuenow="${p.l(this.indeterminate?void 0:this.progress)}">
|
14
14
|
${this.renderDeterminateContainer()}
|
15
15
|
${this.renderIndeterminateContainer()}
|
16
|
-
</div>`}renderDeterminateContainer(){const r=48+this.density*4,e=r/2,i=this.density>=-3?18+this.density*11/6:12.5+(this.density+3)*5/4,c=2*3.1415926*i,s=(1-this.progress)*c,t=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return a.
|
16
|
+
</div>`}renderDeterminateContainer(){const r=48+this.density*4,e=r/2,i=this.density>=-3?18+this.density*11/6:12.5+(this.density+3)*5/4,c=2*3.1415926*i,s=(1-this.progress)*c,t=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return a.x`
|
17
17
|
<div class="mdc-circular-progress__determinate-container">
|
18
18
|
<svg class="mdc-circular-progress__determinate-circle-graphic"
|
19
19
|
viewBox="0 0 ${r} ${r}">
|
@@ -26,12 +26,12 @@
|
|
26
26
|
stroke-dashoffset="${s}"
|
27
27
|
stroke-width="${t}"></circle>
|
28
28
|
</svg>
|
29
|
-
</div>`}renderIndeterminateContainer(){return a.
|
29
|
+
</div>`}renderIndeterminateContainer(){return a.x`
|
30
30
|
<div class="mdc-circular-progress__indeterminate-container">
|
31
31
|
<div class="mdc-circular-progress__spinner-layer">
|
32
32
|
${this.renderIndeterminateSpinnerLayer()}
|
33
33
|
</div>
|
34
|
-
</div>`}renderIndeterminateSpinnerLayer(){const r=48+this.density*4,e=r/2,i=this.density>=-3?18+this.density*11/6:12.5+(this.density+3)*5/4,c=2*3.1415926*i,s=.5*c,t=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return a.
|
34
|
+
</div>`}renderIndeterminateSpinnerLayer(){const r=48+this.density*4,e=r/2,i=this.density>=-3?18+this.density*11/6:12.5+(this.density+3)*5/4,c=2*3.1415926*i,s=.5*c,t=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return a.x`
|
35
35
|
<div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left">
|
36
36
|
<svg class="mdc-circular-progress__indeterminate-circle-graphic"
|
37
37
|
viewBox="0 0 ${r} ${r}">
|
@@ -58,7 +58,7 @@
|
|
58
58
|
stroke-dashoffset="${s}"
|
59
59
|
stroke-width="${t}"></circle>
|
60
60
|
</svg>
|
61
|
-
</div>`}update(r){super.update(r),r.has("progress")&&(this.progress>1&&(this.progress=1),this.progress<0&&(this.progress=0))}}n.__decorate([d.
|
61
|
+
</div>`}update(r){super.update(r),r.has("progress")&&(this.progress>1&&(this.progress=1),this.progress<0&&(this.progress=0))}}n.__decorate([d.n({type:Boolean,reflect:!0})],o.prototype,"indeterminate",void 0);n.__decorate([d.n({type:Number,reflect:!0})],o.prototype,"progress",void 0);n.__decorate([d.n({type:Number,reflect:!0})],o.prototype,"density",void 0);n.__decorate([d.n({type:Boolean,reflect:!0})],o.prototype,"closed",void 0);n.__decorate([m.ariaProperty,d.n({type:String,attribute:"aria-label"})],o.prototype,"ariaLabel",void 0);/**
|
62
62
|
* @license
|
63
63
|
* Copyright 2021 Google LLC
|
64
64
|
* SPDX-LIcense-Identifier: Apache-2.0
|
package/circular-progress.mjs
CHANGED
@@ -1,10 +1,10 @@
|
|
1
|
-
import {
|
1
|
+
import { b as o } from "./tslib.es6-f1eaf65c.mjs";
|
2
2
|
import { a as g } from "./aria-property-fa2717fe.mjs";
|
3
|
-
import { s as u,
|
4
|
-
import {
|
5
|
-
import { o as _ } from "./class-map-
|
6
|
-
import { l as m } from "./if-defined-
|
7
|
-
import {
|
3
|
+
import { s as u, x as d, i as h, e as f } from "./query-assigned-elements-4a39219d.mjs";
|
4
|
+
import { n } from "./property-9b6ea53b.mjs";
|
5
|
+
import { o as _ } from "./class-map-4b94b017.mjs";
|
6
|
+
import { l as m } from "./if-defined-c367f208.mjs";
|
7
|
+
import { o as y } from "./style-map-bc3ed3e0.mjs";
|
8
8
|
/**
|
9
9
|
* @license
|
10
10
|
* Copyright 2020 Google LLC
|
@@ -0,0 +1,62 @@
|
|
1
|
+
import { T as h } from "./query-assigned-elements-4a39219d.mjs";
|
2
|
+
/**
|
3
|
+
* @license
|
4
|
+
* Copyright 2017 Google LLC
|
5
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
6
|
+
*/
|
7
|
+
const a = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, d = (e) => (...t) => ({ _$litDirective$: e, values: t });
|
8
|
+
class l {
|
9
|
+
constructor(t) {
|
10
|
+
}
|
11
|
+
get _$AU() {
|
12
|
+
return this._$AM._$AU;
|
13
|
+
}
|
14
|
+
_$AT(t, s, r) {
|
15
|
+
this._$Ct = t, this._$AM = s, this._$Ci = r;
|
16
|
+
}
|
17
|
+
_$AS(t, s) {
|
18
|
+
return this.update(t, s);
|
19
|
+
}
|
20
|
+
update(t, s) {
|
21
|
+
return this.render(...s);
|
22
|
+
}
|
23
|
+
}
|
24
|
+
/**
|
25
|
+
* @license
|
26
|
+
* Copyright 2018 Google LLC
|
27
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
28
|
+
*/
|
29
|
+
const u = d(class extends l {
|
30
|
+
constructor(e) {
|
31
|
+
var t;
|
32
|
+
if (super(e), e.type !== a.ATTRIBUTE || e.name !== "class" || ((t = e.strings) === null || t === void 0 ? void 0 : t.length) > 2)
|
33
|
+
throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
|
34
|
+
}
|
35
|
+
render(e) {
|
36
|
+
return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
|
37
|
+
}
|
38
|
+
update(e, [t]) {
|
39
|
+
var s, r;
|
40
|
+
if (this.it === void 0) {
|
41
|
+
this.it = /* @__PURE__ */ new Set(), e.strings !== void 0 && (this.nt = new Set(e.strings.join(" ").split(/\s/).filter((i) => i !== "")));
|
42
|
+
for (const i in t)
|
43
|
+
t[i] && !(!((s = this.nt) === null || s === void 0) && s.has(i)) && this.it.add(i);
|
44
|
+
return this.render(t);
|
45
|
+
}
|
46
|
+
const n = e.element.classList;
|
47
|
+
this.it.forEach((i) => {
|
48
|
+
i in t || (n.remove(i), this.it.delete(i));
|
49
|
+
});
|
50
|
+
for (const i in t) {
|
51
|
+
const o = !!t[i];
|
52
|
+
o === this.it.has(i) || !((r = this.nt) === null || r === void 0) && r.has(i) || (o ? (n.add(i), this.it.add(i)) : (n.remove(i), this.it.delete(i)));
|
53
|
+
}
|
54
|
+
return h;
|
55
|
+
}
|
56
|
+
});
|
57
|
+
export {
|
58
|
+
d as e,
|
59
|
+
l as i,
|
60
|
+
u as o,
|
61
|
+
a as t
|
62
|
+
};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
"use strict";const l=require("./query-assigned-elements-f623705d.js");/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2017 Google LLC
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
5
|
+
*/const h={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},a=i=>(...t)=>({_$litDirective$:i,values:t});class d{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,s,r){this._$Ct=t,this._$AM=s,this._$Ci=r}_$AS(t,s){return this.update(t,s)}update(t,s){return this.render(...s)}}/**
|
6
|
+
* @license
|
7
|
+
* Copyright 2018 Google LLC
|
8
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
9
|
+
*/const u=a(class extends d{constructor(i){var t;if(super(i),i.type!==h.ATTRIBUTE||i.name!=="class"||((t=i.strings)===null||t===void 0?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter(t=>i[t]).join(" ")+" "}update(i,[t]){var s,r;if(this.it===void 0){this.it=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(e=>e!=="")));for(const e in t)t[e]&&!(!((s=this.nt)===null||s===void 0)&&s.has(e))&&this.it.add(e);return this.render(t)}const n=i.element.classList;this.it.forEach(e=>{e in t||(n.remove(e),this.it.delete(e))});for(const e in t){const o=!!t[e];o===this.it.has(e)||!((r=this.nt)===null||r===void 0)&&r.has(e)||(o?(n.add(e),this.it.add(e)):(n.remove(e),this.it.delete(e)))}return l.T}});exports.e=a;exports.i=d;exports.o=u;exports.t=h;
|