@covalent/components 6.2.1 → 6.2.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/action-ribbon.js +6 -6
- package/action-ribbon.mjs +34 -29
- package/alert.js +6 -6
- package/alert.mjs +18 -13
- package/app-shell.js +8 -8
- package/app-shell.mjs +9 -3
- package/base-element.mjs +5 -0
- package/button.js +9 -9
- package/button.mjs +23 -14
- package/card.js +8 -8
- package/card.mjs +17 -15
- package/check-list-item.js +9 -9
- package/check-list-item.mjs +20 -11
- package/checkbox.js +2 -2
- package/checkbox.mjs +26 -17
- package/circular-progress.js +29 -29
- package/circular-progress.mjs +13 -9
- package/class-map.mjs +9 -0
- package/code-snippet.js +9 -9
- package/code-snippet.mjs +10 -7
- package/dialog.js +1 -1
- package/dialog.mjs +14 -14
- package/dialog2.mjs +55 -49
- package/directive-helpers.mjs +1 -1
- package/drawer.js +3 -3
- package/drawer.mjs +13 -7
- package/empty-state.js +5 -5
- package/empty-state.mjs +5 -3
- package/event-options.mjs +5 -0
- package/form-element.mjs +2 -2
- package/foundation.mjs +2 -2
- package/icon-button.js +8 -8
- package/icon-button.mjs +23 -14
- package/icon-check-toggle.js +9 -9
- package/icon-check-toggle.mjs +15 -6
- package/icon-radio-toggle.js +5 -5
- package/icon-radio-toggle.mjs +30 -21
- package/icon.js +2 -2
- package/icon.mjs +8 -7
- package/if-defined.mjs +1 -1
- package/index.js +1 -1
- package/index.mjs +100 -90
- package/linear-progress.js +12 -12
- package/linear-progress.mjs +23 -17
- package/list-expansion.js +8 -8
- package/list-expansion.mjs +38 -29
- package/list-item.js +1 -1
- package/list-item.mjs +6 -6
- package/list-item2.mjs +16 -15
- package/list.js +1 -1
- package/list.mjs +2 -2
- package/list2.mjs +6 -5
- package/menu.js +2 -2
- package/menu.mjs +25 -16
- package/mwc-checkbox-base.mjs +6 -6
- package/mwc-checkbox.css.mjs +2 -2
- package/mwc-drawer-base.mjs +11 -11
- package/mwc-icon.mjs +3 -3
- package/mwc-line-ripple-directive.mjs +16 -16
- package/mwc-list-base.mjs +25 -25
- package/mwc-list-item-base.mjs +11 -11
- package/mwc-list-item.css.mjs +3 -3
- package/mwc-menu-base.mjs +20 -20
- package/mwc-radio-base.mjs +11 -11
- package/mwc-radio.css.mjs +2 -2
- package/mwc-slider.css.mjs +20 -20
- package/mwc-tab-base.mjs +22 -22
- package/mwc-top-app-bar-base.mjs +10 -10
- package/nav-list-item.js +10 -10
- package/nav-list-item.mjs +32 -24
- package/package.json +1 -1
- package/property.mjs +5 -0
- package/query-assigned-elements.mjs +33 -0
- package/query-assigned-nodes.mjs +5 -0
- package/query.mjs +5 -0
- package/radio-list-item.js +10 -10
- package/radio-list-item.mjs +27 -18
- package/radio.js +2 -2
- package/radio.mjs +22 -13
- package/ripple-handlers.mjs +104 -2
- package/select.js +28 -28
- package/select.mjs +25 -15
- package/side-sheet.js +4 -4
- package/side-sheet.mjs +12 -6
- package/slider-range.js +7 -7
- package/slider-range.mjs +69 -61
- package/slider.js +3 -3
- package/slider.mjs +26 -18
- package/snackbar.js +15 -15
- package/snackbar.mjs +26 -20
- package/state.mjs +5 -0
- package/status-header-item.js +4 -4
- package/status-header-item.mjs +14 -13
- package/status-header.js +6 -6
- package/status-header.mjs +9 -7
- package/style-map.mjs +5 -0
- package/switch.js +18 -18
- package/switch.mjs +30 -21
- package/tab-bar.js +21 -21
- package/tab-bar.mjs +22 -13
- package/tab.js +3 -3
- package/tab.mjs +13 -4
- package/text-lockup.js +5 -5
- package/text-lockup.mjs +8 -6
- package/textarea.js +14 -14
- package/textarea.mjs +23 -15
- package/textfield.js +3 -3
- package/textfield.mjs +39 -39
- package/textfield2.mjs +26 -19
- package/toolbar.js +3 -3
- package/toolbar.mjs +9 -3
- package/tooltip.js +12 -12
- package/tooltip.mjs +12 -8
- package/top-app-bar-fixed.js +5 -5
- package/top-app-bar-fixed.mjs +29 -23
- package/top-app-bar.js +3 -3
- package/top-app-bar.mjs +2 -2
- package/top-app-bar2.mjs +1 -1
- package/tree-list-item.js +8 -8
- package/tree-list-item.mjs +5 -3
- package/tree-list.js +3 -3
- package/tree-list.mjs +4 -4
- package/tslib.es6.mjs +1 -0
- package/typography.js +4 -4
- package/typography.mjs +12 -11
- package/utils.mjs +5 -0
- package/mwc-ripple.mjs +0 -175
package/icon-radio-toggle.mjs
CHANGED
@@ -1,46 +1,55 @@
|
|
1
|
-
import {
|
2
|
-
import { R as
|
3
|
-
import { s as
|
1
|
+
import { i as m, r as s, y as n, e as l } from "./query-assigned-elements.mjs";
|
2
|
+
import { R as h } from "./mwc-radio-base.mjs";
|
3
|
+
import { s as y } from "./mwc-radio.css.mjs";
|
4
|
+
import { e as g } from "./property.mjs";
|
5
|
+
import "./tslib.es6.mjs";
|
6
|
+
import "./ripple-handlers.mjs";
|
7
|
+
import "./base-element.mjs";
|
8
|
+
import "./utils.mjs";
|
9
|
+
import "./state.mjs";
|
10
|
+
import "./query.mjs";
|
11
|
+
import "./class-map.mjs";
|
12
|
+
import "./style-map.mjs";
|
4
13
|
import "./aria-property.mjs";
|
5
14
|
import "./form-element.mjs";
|
6
15
|
import "./observer.mjs";
|
7
|
-
import "./
|
16
|
+
import "./event-options.mjs";
|
8
17
|
import "./if-defined.mjs";
|
9
|
-
const
|
18
|
+
const f = `:host .mdc-radio__background{position:absolute;top:8px;right:8px}:host([width=fill]){width:100%}.mdc-radio{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--cv-icon-radio-width, 200px);height:var(--cv-icon-radio-height, 160px);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background)}.mdc-radio--touch .mdc-radio__native-control{width:100%;height:100%}:host([checked]) .mdc-radio{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}:host([checked]) .mdc-radio:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);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:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}
|
10
19
|
`;
|
11
|
-
var
|
12
|
-
for (var t = a > 1 ? void 0 : a ?
|
13
|
-
(d = i[
|
14
|
-
return a && t &&
|
20
|
+
var v = Object.defineProperty, u = Object.getOwnPropertyDescriptor, p = (i, o, e, a) => {
|
21
|
+
for (var t = a > 1 ? void 0 : a ? u(o, e) : o, c = i.length - 1, d; c >= 0; c--)
|
22
|
+
(d = i[c]) && (t = (a ? d(o, e, t) : d(t)) || t);
|
23
|
+
return a && t && v(o, e, t), t;
|
15
24
|
};
|
16
|
-
let r = class extends
|
25
|
+
let r = class extends h {
|
17
26
|
constructor() {
|
18
27
|
super(...arguments), this.iconOnly = !1;
|
19
28
|
}
|
20
29
|
// Override the renderRipple method to minimally introduce the icon & text slots without overwritting the render method
|
21
30
|
renderRipple() {
|
22
|
-
const i =
|
31
|
+
const i = n`<slot name="icon"></slot>`, o = this.iconOnly ? "" : n`<div><slot name="text"></slot></div>`, e = this.shouldRenderRipple ? n`<mwc-ripple
|
23
32
|
accent
|
24
33
|
.internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
|
25
34
|
.disabled="${this.disabled}"
|
26
35
|
></mwc-ripple>` : "";
|
27
|
-
return
|
36
|
+
return n`${i}${o}${e}`;
|
28
37
|
}
|
29
38
|
};
|
30
39
|
r.styles = [
|
31
|
-
|
32
|
-
|
33
|
-
${
|
40
|
+
y,
|
41
|
+
m`
|
42
|
+
${s(f)}
|
34
43
|
`
|
35
44
|
];
|
36
|
-
|
37
|
-
|
45
|
+
p([
|
46
|
+
g({ type: Boolean })
|
38
47
|
], r.prototype, "iconOnly", 2);
|
39
|
-
r =
|
40
|
-
|
48
|
+
r = p([
|
49
|
+
l("cv-radio-icon")
|
41
50
|
], r);
|
42
|
-
const
|
51
|
+
const T = r;
|
43
52
|
export {
|
44
53
|
r as CovalentIconRadioToggle,
|
45
|
-
|
54
|
+
T as default
|
46
55
|
};
|
package/icon.js
CHANGED
@@ -1,5 +1,5 @@
|
|
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 a=require("./mwc-icon.mjs"),l=require("./query-assigned-elements.mjs");require("./tslib.es6.mjs");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2021 Google LLC
|
4
4
|
* SPDX-LIcense-Identifier: Apache-2.0
|
5
|
-
*/const c=
|
5
|
+
*/const c=l.i`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}`;var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,m=(t,n,r,o)=>{for(var e=o>1?void 0:o?v(n,r):n,i=t.length-1,s;i>=0;i--)(s=t[i])&&(e=(o?s(n,r,e):s(e))||e);return o&&e&&f(n,r,e),e};exports.CovalentIcon=class extends a.Icon{};exports.CovalentIcon.styles=[c];exports.CovalentIcon=m([l.e("cv-icon")],exports.CovalentIcon);const u=exports.CovalentIcon;exports.default=u;
|
package/icon.mjs
CHANGED
@@ -1,15 +1,16 @@
|
|
1
1
|
import { I as l } from "./mwc-icon.mjs";
|
2
|
-
import {
|
2
|
+
import { i as c, e as f } from "./query-assigned-elements.mjs";
|
3
|
+
import "./tslib.es6.mjs";
|
3
4
|
/**
|
4
5
|
* @license
|
5
6
|
* Copyright 2021 Google LLC
|
6
7
|
* SPDX-LIcense-Identifier: Apache-2.0
|
7
8
|
*/
|
8
9
|
const m = c`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}`;
|
9
|
-
var p = Object.defineProperty, v = Object.getOwnPropertyDescriptor, g = (a,
|
10
|
-
for (var t =
|
11
|
-
(s = a[r]) && (t = (
|
12
|
-
return
|
10
|
+
var p = Object.defineProperty, v = Object.getOwnPropertyDescriptor, g = (a, o, i, e) => {
|
11
|
+
for (var t = e > 1 ? void 0 : e ? v(o, i) : o, r = a.length - 1, s; r >= 0; r--)
|
12
|
+
(s = a[r]) && (t = (e ? s(o, i, t) : s(t)) || t);
|
13
|
+
return e && t && p(o, i, t), t;
|
13
14
|
};
|
14
15
|
let n = class extends l {
|
15
16
|
};
|
@@ -17,8 +18,8 @@ n.styles = [m];
|
|
17
18
|
n = g([
|
18
19
|
f("cv-icon")
|
19
20
|
], n);
|
20
|
-
const
|
21
|
+
const y = n;
|
21
22
|
export {
|
22
23
|
n as CovalentIcon,
|
23
|
-
|
24
|
+
y as default
|
24
25
|
};
|
package/if-defined.mjs
CHANGED
package/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),n=require("./button.js"),o=require("./checkbox.js"),a=require("./card.js"),i=require("./circular-progress.js"),u=require("./code-snippet.js"),l=require("./dialog.mjs"),c=require("./drawer.js"),b=require("./empty-state.js"),C=require("./icon.js"),s=require("./icon-button.js"),p=require("./icon-check-toggle.js"),v=require("./icon-radio-toggle.js"),d=require("./linear-progress.js"),
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),n=require("./button.js"),o=require("./checkbox.js"),a=require("./card.js"),i=require("./circular-progress.js"),u=require("./code-snippet.js"),l=require("./dialog.mjs"),c=require("./drawer.js"),b=require("./empty-state.js"),C=require("./icon.js"),s=require("./icon-button.js"),p=require("./icon-check-toggle.js"),v=require("./icon-radio-toggle.js"),d=require("./linear-progress.js"),q=require("./check-list-item.js"),g=require("./list.mjs"),m=require("./list-expansion.js"),y=require("./list-item.mjs"),P=require("./nav-list-item.js"),f=require("./radio-list-item.js"),j=require("./menu.js"),O=require("./radio.js"),T=require("./select.js"),S=require("./side-sheet.js"),I=require("./slider.js"),L=require("./slider-range.js"),h=require("./snackbar.js"),x=require("./status-header.js"),k=require("./status-header-item.js"),R=require("./switch.js"),A=require("./tab.js"),B=require("./tab-bar.js"),w=require("./textarea.js"),H=require("./textfield.js"),E=require("./text-lockup.js"),F=require("./toolbar.js"),D=require("./tooltip.js"),M=require("./top-app-bar.js"),N=require("./top-app-bar-fixed.js"),_=require("./tree-list.js"),z=require("./tree-list-item.js"),G=require("./typography.js");require("./query-assigned-elements.mjs");require("./utils.mjs");require("./observer.mjs");require("./foundation.mjs");require("./tslib.es6.mjs");require("./foundation2.mjs");require("./class-map.mjs");require("./property.mjs");require("./query.mjs");require("./mwc-drawer-base.mjs");require("./inert.esm.mjs");require("./base-element.mjs");require("./mwc-icon.mjs");require("./ripple-handlers.mjs");require("./state.mjs");require("./style-map.mjs");require("./aria-property.mjs");require("./event-options.mjs");require("./if-defined.mjs");require("./mwc-checkbox-base.mjs");require("./form-element.mjs");require("./mwc-checkbox.css.mjs");require("./query-assigned-nodes.mjs");require("./mwc-radio-base.mjs");require("./mwc-radio.css.mjs");require("./mwc-list-item-base.mjs");require("./mwc-list-item.css.mjs");require("./mwc-list-base.mjs");require("./mwc-menu-base.mjs");require("./mwc-line-ripple-directive.mjs");require("./mwc-slider.css.mjs");require("./directive-helpers.mjs");require("./mwc-tab-base.mjs");require("./textfield.mjs");require("./mwc-top-app-bar-base.mjs");require("./top-app-bar.mjs");Object.defineProperty(exports,"CovalentActionRibbon",{enumerable:!0,get:()=>e.CovalentActionRibbon});Object.defineProperty(exports,"CovalentAlert",{enumerable:!0,get:()=>t.CovalentAlert});Object.defineProperty(exports,"CovalentAppShell",{enumerable:!0,get:()=>r.CovalentAppShell});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>n.CovalentButton});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>o.CovalentCheckbox});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>a.CovalentCard});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>i.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>u.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>l.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>c.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>b.CovalentEmptyState});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>C.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>s.CovalentIconButton});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>p.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>v.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>d.CovalentLinearProgress});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>q.CovalentCheckListItem});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>g.CovalentList});Object.defineProperty(exports,"CovalentExpansionList",{enumerable:!0,get:()=>m.CovalentExpansionList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>y.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>P.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>f.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>j.CovalentMenu});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>O.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>T.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>S.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>I.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>L.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>h.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>x.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>k.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>R.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>A.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>B.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>w.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>H.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>E.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>F.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>D.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>M.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>N.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>_.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>z.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>G.CovalentTypography});
|
package/index.mjs
CHANGED
@@ -1,60 +1,70 @@
|
|
1
|
-
import { CovalentActionRibbon as
|
2
|
-
import { CovalentAlert as
|
3
|
-
import { CovalentAppShell as
|
4
|
-
import { CovalentButton as
|
5
|
-
import { CovalentCheckbox as
|
6
|
-
import { CovalentCard as
|
7
|
-
import { CovalentCircularProgress as
|
8
|
-
import { CovalentCodeSnippet as
|
9
|
-
import { C as
|
10
|
-
import { CovalentDrawer as
|
11
|
-
import { CovalentEmptyState as
|
12
|
-
import { CovalentIcon as
|
13
|
-
import { CovalentIconButton as
|
14
|
-
import { CovalentIconCheckToggle as
|
15
|
-
import { CovalentIconRadioToggle as
|
16
|
-
import { CovalentLinearProgress as
|
17
|
-
import { CovalentCheckListItem as
|
18
|
-
import { C as
|
19
|
-
import { CovalentExpansionList as
|
20
|
-
import { C as
|
21
|
-
import { CovalentNavRailListItem as
|
22
|
-
import { CovalentRadioListItem as
|
23
|
-
import { CovalentMenu as
|
24
|
-
import { CovalentRadio as
|
25
|
-
import { CovalentSelect as
|
26
|
-
import { CovalentSideSheet as
|
27
|
-
import { CovalentSlider as
|
28
|
-
import { CovalentSliderRange as
|
29
|
-
import { CovalentSnackbar as
|
30
|
-
import { CovalentStatusHeader as
|
31
|
-
import { CovalentStatusHeaderItem as
|
32
|
-
import { CovalentSwitch as
|
33
|
-
import { CovalentTab as
|
34
|
-
import { CovalentTabBar as
|
35
|
-
import { CovalentTextArea as
|
36
|
-
import { CovalentTextField as
|
37
|
-
import { CovalentTextLockup as
|
38
|
-
import { CovalentToolbar as
|
39
|
-
import { CovalentTooltip as
|
40
|
-
import { CovalentTopAppBar as
|
41
|
-
import { CovalentTopAppBarFixed as
|
42
|
-
import { CovalentTreeList as
|
43
|
-
import { CovalentTreeListItem as
|
44
|
-
import { CovalentTypography as
|
45
|
-
import "./
|
1
|
+
import { CovalentActionRibbon as j } from "./action-ribbon.mjs";
|
2
|
+
import { CovalentAlert as z } from "./alert.mjs";
|
3
|
+
import { CovalentAppShell as J } from "./app-shell.mjs";
|
4
|
+
import { CovalentButton as O } from "./button.mjs";
|
5
|
+
import { CovalentCheckbox as U } from "./checkbox.mjs";
|
6
|
+
import { CovalentCard as W } from "./card.mjs";
|
7
|
+
import { CovalentCircularProgress as Y } from "./circular-progress.mjs";
|
8
|
+
import { CovalentCodeSnippet as _ } from "./code-snippet.mjs";
|
9
|
+
import { C as oo } from "./dialog2.mjs";
|
10
|
+
import { CovalentDrawer as ro } from "./drawer.mjs";
|
11
|
+
import { CovalentEmptyState as po } from "./empty-state.mjs";
|
12
|
+
import { CovalentIcon as ao } from "./icon.mjs";
|
13
|
+
import { CovalentIconButton as no } from "./icon-button.mjs";
|
14
|
+
import { CovalentIconCheckToggle as Co } from "./icon-check-toggle.mjs";
|
15
|
+
import { CovalentIconRadioToggle as vo } from "./icon-radio-toggle.mjs";
|
16
|
+
import { CovalentLinearProgress as so } from "./linear-progress.mjs";
|
17
|
+
import { CovalentCheckListItem as To } from "./check-list-item.mjs";
|
18
|
+
import { C as Io } from "./list2.mjs";
|
19
|
+
import { CovalentExpansionList as go } from "./list-expansion.mjs";
|
20
|
+
import { C as bo } from "./list-item2.mjs";
|
21
|
+
import { CovalentNavRailListItem as Ao } from "./nav-list-item.mjs";
|
22
|
+
import { CovalentRadioListItem as ko } from "./radio-list-item.mjs";
|
23
|
+
import { CovalentMenu as yo } from "./menu.mjs";
|
24
|
+
import { CovalentRadio as Do } from "./radio.mjs";
|
25
|
+
import { CovalentSelect as Fo } from "./select.mjs";
|
26
|
+
import { CovalentSideSheet as Po } from "./side-sheet.mjs";
|
27
|
+
import { CovalentSlider as No } from "./slider.mjs";
|
28
|
+
import { CovalentSliderRange as qo } from "./slider-range.mjs";
|
29
|
+
import { CovalentSnackbar as Go } from "./snackbar.mjs";
|
30
|
+
import { CovalentStatusHeader as Ko } from "./status-header.mjs";
|
31
|
+
import { CovalentStatusHeaderItem as Qo } from "./status-header-item.mjs";
|
32
|
+
import { CovalentSwitch as Vo } from "./switch.mjs";
|
33
|
+
import { CovalentTab as Xo } from "./tab.mjs";
|
34
|
+
import { CovalentTabBar as Zo } from "./tab-bar.mjs";
|
35
|
+
import { CovalentTextArea as $o } from "./textarea.mjs";
|
36
|
+
import { CovalentTextField as tt } from "./textfield.mjs";
|
37
|
+
import { CovalentTextLockup as et } from "./text-lockup.mjs";
|
38
|
+
import { CovalentToolbar as mt } from "./toolbar.mjs";
|
39
|
+
import { CovalentTooltip as it } from "./tooltip.mjs";
|
40
|
+
import { CovalentTopAppBar as lt } from "./top-app-bar.mjs";
|
41
|
+
import { CovalentTopAppBarFixed as xt } from "./top-app-bar-fixed.mjs";
|
42
|
+
import { CovalentTreeList as ft } from "./tree-list.mjs";
|
43
|
+
import { CovalentTreeListItem as ct } from "./tree-list-item.mjs";
|
44
|
+
import { CovalentTypography as dt } from "./typography.mjs";
|
45
|
+
import "./query-assigned-elements.mjs";
|
46
|
+
import "./utils.mjs";
|
46
47
|
import "./observer.mjs";
|
47
48
|
import "./foundation.mjs";
|
49
|
+
import "./tslib.es6.mjs";
|
48
50
|
import "./foundation2.mjs";
|
51
|
+
import "./class-map.mjs";
|
52
|
+
import "./property.mjs";
|
53
|
+
import "./query.mjs";
|
49
54
|
import "./mwc-drawer-base.mjs";
|
50
55
|
import "./inert.esm.mjs";
|
56
|
+
import "./base-element.mjs";
|
51
57
|
import "./mwc-icon.mjs";
|
52
|
-
import "./aria-property.mjs";
|
53
58
|
import "./ripple-handlers.mjs";
|
59
|
+
import "./state.mjs";
|
60
|
+
import "./style-map.mjs";
|
61
|
+
import "./aria-property.mjs";
|
62
|
+
import "./event-options.mjs";
|
54
63
|
import "./if-defined.mjs";
|
55
64
|
import "./mwc-checkbox-base.mjs";
|
56
65
|
import "./form-element.mjs";
|
57
66
|
import "./mwc-checkbox.css.mjs";
|
67
|
+
import "./query-assigned-nodes.mjs";
|
58
68
|
import "./mwc-radio-base.mjs";
|
59
69
|
import "./mwc-radio.css.mjs";
|
60
70
|
import "./mwc-list-item-base.mjs";
|
@@ -69,48 +79,48 @@ import "./textfield2.mjs";
|
|
69
79
|
import "./mwc-top-app-bar-base.mjs";
|
70
80
|
import "./top-app-bar2.mjs";
|
71
81
|
export {
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
82
|
+
j as CovalentActionRibbon,
|
83
|
+
z as CovalentAlert,
|
84
|
+
J as CovalentAppShell,
|
85
|
+
O as CovalentButton,
|
86
|
+
W as CovalentCard,
|
87
|
+
To as CovalentCheckListItem,
|
88
|
+
U as CovalentCheckbox,
|
89
|
+
Y as CovalentCircularProgress,
|
90
|
+
_ as CovalentCodeSnippet,
|
91
|
+
oo as CovalentDialog,
|
92
|
+
ro as CovalentDrawer,
|
93
|
+
po as CovalentEmptyState,
|
94
|
+
go as CovalentExpansionList,
|
95
|
+
ao as CovalentIcon,
|
96
|
+
no as CovalentIconButton,
|
97
|
+
Co as CovalentIconCheckToggle,
|
98
|
+
vo as CovalentIconRadioToggle,
|
99
|
+
so as CovalentLinearProgress,
|
100
|
+
Io as CovalentList,
|
101
|
+
bo as CovalentListItem,
|
102
|
+
yo as CovalentMenu,
|
103
|
+
Ao as CovalentNavRailListItem,
|
104
|
+
Do as CovalentRadio,
|
105
|
+
ko as CovalentRadioListItem,
|
106
|
+
Fo as CovalentSelect,
|
107
|
+
Po as CovalentSideSheet,
|
108
|
+
No as CovalentSlider,
|
109
|
+
qo as CovalentSliderRange,
|
110
|
+
Go as CovalentSnackbar,
|
111
|
+
Ko as CovalentStatusHeader,
|
112
|
+
Qo as CovalentStatusHeaderItem,
|
113
|
+
Vo as CovalentSwitch,
|
114
|
+
Xo as CovalentTab,
|
115
|
+
Zo as CovalentTabBar,
|
116
|
+
$o as CovalentTextArea,
|
117
|
+
tt as CovalentTextField,
|
118
|
+
et as CovalentTextLockup,
|
119
|
+
mt as CovalentToolbar,
|
120
|
+
it as CovalentTooltip,
|
121
|
+
lt as CovalentTopAppBar,
|
122
|
+
xt as CovalentTopAppBarFixed,
|
123
|
+
ft as CovalentTreeList,
|
124
|
+
ct as CovalentTreeListItem,
|
125
|
+
dt as CovalentTypography
|
116
126
|
};
|
package/linear-progress.js
CHANGED
@@ -1,36 +1,36 @@
|
|
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 o=require("./query-assigned-elements.mjs"),a=require("./tslib.es6.mjs"),f=require("./aria-property.mjs"),l=require("./property.mjs"),t=require("./state.mjs"),y=require("./query.mjs"),u=require("./class-map.mjs"),p=require("./if-defined.mjs"),g=require("./style-map.mjs");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2018 Google LLC
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
5
|
-
*/class
|
5
|
+
*/class e extends o.s{constructor(){super(...arguments),this.indeterminate=!1,this.progress=0,this.buffer=1,this.reverse=!1,this.closed=!1,this.stylePrimaryHalf="",this.stylePrimaryFull="",this.styleSecondaryQuarter="",this.styleSecondaryHalf="",this.styleSecondaryFull="",this.animationReady=!0,this.closedAnimationOff=!1,this.resizeObserver=null}connectedCallback(){super.connectedCallback(),this.rootEl&&this.attachResizeObserver()}render(){const r={"mdc-linear-progress--closed":this.closed,"mdc-linear-progress--closed-animation-off":this.closedAnimationOff,"mdc-linear-progress--indeterminate":this.indeterminate,"mdc-linear-progress--animation-ready":this.animationReady},i={"--mdc-linear-progress-primary-half":this.stylePrimaryHalf,"--mdc-linear-progress-primary-half-neg":this.stylePrimaryHalf!==""?`-${this.stylePrimaryHalf}`:"","--mdc-linear-progress-primary-full":this.stylePrimaryFull,"--mdc-linear-progress-primary-full-neg":this.stylePrimaryFull!==""?`-${this.stylePrimaryFull}`:"","--mdc-linear-progress-secondary-quarter":this.styleSecondaryQuarter,"--mdc-linear-progress-secondary-quarter-neg":this.styleSecondaryQuarter!==""?`-${this.styleSecondaryQuarter}`:"","--mdc-linear-progress-secondary-half":this.styleSecondaryHalf,"--mdc-linear-progress-secondary-half-neg":this.styleSecondaryHalf!==""?`-${this.styleSecondaryHalf}`:"","--mdc-linear-progress-secondary-full":this.styleSecondaryFull,"--mdc-linear-progress-secondary-full-neg":this.styleSecondaryFull!==""?`-${this.styleSecondaryFull}`:""},n={"flex-basis":this.indeterminate?"100%":`${this.buffer*100}%`},s={transform:this.indeterminate?"scaleX(1)":`scaleX(${this.progress})`};return o.y`
|
6
6
|
<div
|
7
7
|
role="progressbar"
|
8
|
-
class="mdc-linear-progress ${
|
9
|
-
style="${
|
10
|
-
dir="${
|
11
|
-
aria-label="${
|
8
|
+
class="mdc-linear-progress ${u.o(r)}"
|
9
|
+
style="${g.i(i)}"
|
10
|
+
dir="${p.l(this.reverse?"rtl":void 0)}"
|
11
|
+
aria-label="${p.l(this.ariaLabel)}"
|
12
12
|
aria-valuemin="0"
|
13
13
|
aria-valuemax="1"
|
14
|
-
aria-valuenow="${
|
14
|
+
aria-valuenow="${p.l(this.indeterminate?void 0:this.progress)}"
|
15
15
|
@transitionend="${this.syncClosedState}">
|
16
16
|
<div class="mdc-linear-progress__buffer">
|
17
17
|
<div
|
18
18
|
class="mdc-linear-progress__buffer-bar"
|
19
|
-
style=${
|
19
|
+
style=${g.i(n)}>
|
20
20
|
</div>
|
21
21
|
<div class="mdc-linear-progress__buffer-dots"></div>
|
22
22
|
</div>
|
23
23
|
<div
|
24
24
|
class="mdc-linear-progress__bar mdc-linear-progress__primary-bar"
|
25
|
-
style=${
|
25
|
+
style=${g.i(s)}>
|
26
26
|
<span class="mdc-linear-progress__bar-inner"></span>
|
27
27
|
</div>
|
28
28
|
<div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar">
|
29
29
|
<span class="mdc-linear-progress__bar-inner"></span>
|
30
30
|
</div>
|
31
|
-
</div>`}update(
|
31
|
+
</div>`}update(r){r.has("closed")&&(!this.closed||r.get("closed")===void 0)&&this.syncClosedState(),super.update(r)}async firstUpdated(r){super.firstUpdated(r),this.attachResizeObserver()}syncClosedState(){this.closedAnimationOff=this.closed}updated(r){!r.has("indeterminate")&&r.has("reverse")&&this.indeterminate&&this.restartAnimation(),r.has("indeterminate")&&r.get("indeterminate")!==void 0&&this.indeterminate&&window.ResizeObserver&&this.calculateAndSetAnimationDimensions(this.rootEl.offsetWidth),super.updated(r)}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),super.disconnectedCallback()}attachResizeObserver(){if(window.ResizeObserver){this.resizeObserver=new window.ResizeObserver(r=>{if(this.indeterminate){for(const i of r)if(i.contentRect){const n=i.contentRect.width;this.calculateAndSetAnimationDimensions(n)}}}),this.resizeObserver.observe(this.rootEl);return}this.resizeObserver=null}calculateAndSetAnimationDimensions(r){const i=r*.8367142,n=r*2.00611057,s=r*.37651913,c=r*.84386165,d=r*1.60277782;this.stylePrimaryHalf=`${i}px`,this.stylePrimaryFull=`${n}px`,this.styleSecondaryQuarter=`${s}px`,this.styleSecondaryHalf=`${c}px`,this.styleSecondaryFull=`${d}px`,this.restartAnimation()}async restartAnimation(){this.animationReady=!1,await this.updateComplete,await new Promise(requestAnimationFrame),this.animationReady=!0,await this.updateComplete}open(){this.closed=!1}close(){this.closed=!0}}a.__decorate([y.i(".mdc-linear-progress")],e.prototype,"rootEl",void 0);a.__decorate([l.e({type:Boolean,reflect:!0})],e.prototype,"indeterminate",void 0);a.__decorate([l.e({type:Number})],e.prototype,"progress",void 0);a.__decorate([l.e({type:Number})],e.prototype,"buffer",void 0);a.__decorate([l.e({type:Boolean,reflect:!0})],e.prototype,"reverse",void 0);a.__decorate([l.e({type:Boolean,reflect:!0})],e.prototype,"closed",void 0);a.__decorate([f.ariaProperty,l.e({attribute:"aria-label"})],e.prototype,"ariaLabel",void 0);a.__decorate([t.t()],e.prototype,"stylePrimaryHalf",void 0);a.__decorate([t.t()],e.prototype,"stylePrimaryFull",void 0);a.__decorate([t.t()],e.prototype,"styleSecondaryQuarter",void 0);a.__decorate([t.t()],e.prototype,"styleSecondaryHalf",void 0);a.__decorate([t.t()],e.prototype,"styleSecondaryFull",void 0);a.__decorate([t.t()],e.prototype,"animationReady",void 0);a.__decorate([t.t()],e.prototype,"closedAnimationOff",void 0);/**
|
32
32
|
* @license
|
33
33
|
* Copyright 2021 Google LLC
|
34
34
|
* SPDX-LIcense-Identifier: Apache-2.0
|
35
|
-
*/const
|
36
|
-
`;var
|
35
|
+
*/const b=o.i`@keyframes mdc-linear-progress-primary-indeterminate-translate{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(83.67142%);transform:translateX(var(--mdc-linear-progress-primary-half, 83.67142%))}100%{transform:translateX(200.611057%);transform:translateX(var(--mdc-linear-progress-primary-full, 200.611057%))}}@keyframes mdc-linear-progress-primary-indeterminate-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.661479)}100%{transform:scaleX(0.08)}}@keyframes mdc-linear-progress-secondary-indeterminate-translate{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(37.651913%);transform:translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%))}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(84.386165%);transform:translateX(var(--mdc-linear-progress-secondary-half, 84.386165%))}100%{transform:translateX(160.277782%);transform:translateX(var(--mdc-linear-progress-secondary-full, 160.277782%))}}@keyframes mdc-linear-progress-secondary-indeterminate-scale{0%{animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);transform:scaleX(0.457104)}44.15%{animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);transform:scaleX(0.72796)}100%{transform:scaleX(0.08)}}@keyframes mdc-linear-progress-buffering{from{transform:rotate(180deg) translateX(-10px)}}@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(-83.67142%);transform:translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%))}100%{transform:translateX(-200.611057%);transform:translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%))}}@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(-37.651913%);transform:translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%))}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(-84.386165%);transform:translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%))}100%{transform:translateX(-160.277782%);transform:translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%))}}@keyframes mdc-linear-progress-buffering-reverse{from{transform:translateX(-10px)}}.mdc-linear-progress{position:relative;width:100%;transform:translateZ(0);outline:1px solid transparent;overflow:hidden;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}@media screen and (forced-colors: active){.mdc-linear-progress{outline-color:CanvasText}}.mdc-linear-progress__bar{position:absolute;width:100%;height:100%;animation:none;transform-origin:top left;transition:transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__bar-inner{display:inline-block;position:absolute;width:100%;animation:none;border-top-style:solid}.mdc-linear-progress__buffer{display:flex;position:absolute;width:100%;height:100%}.mdc-linear-progress__buffer-dots{background-repeat:repeat-x;flex:auto;transform:rotate(180deg);animation:mdc-linear-progress-buffering 250ms infinite linear}.mdc-linear-progress__buffer-bar{flex:0 1 100%;transition:flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__primary-bar{transform:scaleX(0)}.mdc-linear-progress__secondary-bar{display:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__bar{transition:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{left:-145.166611%}.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{left:-54.888891%;display:block}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar{animation:mdc-linear-progress-primary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar>.mdc-linear-progress__bar-inner{animation:mdc-linear-progress-primary-indeterminate-scale 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar{animation:mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar>.mdc-linear-progress__bar-inner{animation:mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear}[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar{right:0;-webkit-transform-origin:center right;transform-origin:center right}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar{animation-name:mdc-linear-progress-primary-indeterminate-translate-reverse}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar{animation-name:mdc-linear-progress-secondary-indeterminate-translate-reverse}[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__buffer-dots,.mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__buffer-dots{animation:mdc-linear-progress-buffering-reverse 250ms infinite linear;transform:rotate(0)}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{right:-145.166611%;left:auto}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{right:-54.888891%;left:auto}.mdc-linear-progress--closed{opacity:0}.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots{animation:none}.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar,.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner{animation:none}.mdc-linear-progress__bar-inner{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E")}.mdc-linear-progress__buffer-bar{background-color:#e6e6e6}.mdc-linear-progress{height:4px}.mdc-linear-progress__bar-inner{border-top-width:4px}.mdc-linear-progress__buffer-dots{background-size:10px 4px}:host{display:block}.mdc-linear-progress__buffer-bar{background-color:#e6e6e6;background-color:var(--mdc-linear-progress-buffer-color, #e6e6e6)}.mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E");background-image:var(--mdc-linear-progress-buffering-dots-image, url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E"))}`,_=`:host{--mdc-linear-progress-buffer-color: var(--mdc-theme-border)}
|
36
|
+
`;var v=Object.defineProperty,h=Object.getOwnPropertyDescriptor,x=(m,r,i,n)=>{for(var s=n>1?void 0:n?h(r,i):r,c=m.length-1,d;c>=0;c--)(d=m[c])&&(s=(n?d(r,i,s):d(s))||s);return n&&s&&v(r,i,s),s};exports.CovalentLinearProgress=class extends e{};exports.CovalentLinearProgress.styles=[b,o.i`${o.r(_)}`];exports.CovalentLinearProgress=x([o.e("cv-linear-progress")],exports.CovalentLinearProgress);const w=exports.CovalentLinearProgress;exports.default=w;
|
package/linear-progress.mjs
CHANGED
@@ -1,12 +1,18 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import {
|
1
|
+
import { s as y, y as u, i as g, r as b, e as h } from "./query-assigned-elements.mjs";
|
2
|
+
import { _ as a } from "./tslib.es6.mjs";
|
3
|
+
import { a as _ } from "./aria-property.mjs";
|
4
|
+
import { e as o } from "./property.mjs";
|
5
|
+
import { t } from "./state.mjs";
|
6
|
+
import { i as v } from "./query.mjs";
|
7
|
+
import { o as x } from "./class-map.mjs";
|
8
|
+
import { l as p } from "./if-defined.mjs";
|
9
|
+
import { i as f } from "./style-map.mjs";
|
4
10
|
/**
|
5
11
|
* @license
|
6
12
|
* Copyright 2018 Google LLC
|
7
13
|
* SPDX-License-Identifier: Apache-2.0
|
8
14
|
*/
|
9
|
-
class e extends
|
15
|
+
class e extends y {
|
10
16
|
constructor() {
|
11
17
|
super(...arguments), this.indeterminate = !1, this.progress = 0, this.buffer = 1, this.reverse = !1, this.closed = !1, this.stylePrimaryHalf = "", this.stylePrimaryFull = "", this.styleSecondaryQuarter = "", this.styleSecondaryHalf = "", this.styleSecondaryFull = "", this.animationReady = !0, this.closedAnimationOff = !1, this.resizeObserver = null;
|
12
18
|
}
|
@@ -42,24 +48,24 @@ class e extends b {
|
|
42
48
|
return u`
|
43
49
|
<div
|
44
50
|
role="progressbar"
|
45
|
-
class="mdc-linear-progress ${
|
46
|
-
style="${
|
47
|
-
dir="${
|
48
|
-
aria-label="${
|
51
|
+
class="mdc-linear-progress ${x(r)}"
|
52
|
+
style="${f(i)}"
|
53
|
+
dir="${p(this.reverse ? "rtl" : void 0)}"
|
54
|
+
aria-label="${p(this.ariaLabel)}"
|
49
55
|
aria-valuemin="0"
|
50
56
|
aria-valuemax="1"
|
51
|
-
aria-valuenow="${
|
57
|
+
aria-valuenow="${p(this.indeterminate ? void 0 : this.progress)}"
|
52
58
|
@transitionend="${this.syncClosedState}">
|
53
59
|
<div class="mdc-linear-progress__buffer">
|
54
60
|
<div
|
55
61
|
class="mdc-linear-progress__buffer-bar"
|
56
|
-
style=${
|
62
|
+
style=${f(n)}>
|
57
63
|
</div>
|
58
64
|
<div class="mdc-linear-progress__buffer-dots"></div>
|
59
65
|
</div>
|
60
66
|
<div
|
61
67
|
class="mdc-linear-progress__bar mdc-linear-progress__primary-bar"
|
62
|
-
style=${
|
68
|
+
style=${f(s)}>
|
63
69
|
<span class="mdc-linear-progress__bar-inner"></span>
|
64
70
|
</div>
|
65
71
|
<div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar">
|
@@ -112,7 +118,7 @@ class e extends b {
|
|
112
118
|
}
|
113
119
|
}
|
114
120
|
a([
|
115
|
-
|
121
|
+
v(".mdc-linear-progress")
|
116
122
|
], e.prototype, "rootEl", void 0);
|
117
123
|
a([
|
118
124
|
o({ type: Boolean, reflect: !0 })
|
@@ -130,7 +136,7 @@ a([
|
|
130
136
|
o({ type: Boolean, reflect: !0 })
|
131
137
|
], e.prototype, "closed", void 0);
|
132
138
|
a([
|
133
|
-
|
139
|
+
_,
|
134
140
|
o({ attribute: "aria-label" })
|
135
141
|
], e.prototype, "ariaLabel", void 0);
|
136
142
|
a([
|
@@ -168,12 +174,12 @@ var z = Object.defineProperty, k = Object.getOwnPropertyDescriptor, S = (c, r, i
|
|
168
174
|
};
|
169
175
|
let d = class extends e {
|
170
176
|
};
|
171
|
-
d.styles = [w, g`${
|
177
|
+
d.styles = [w, g`${b(X)}`];
|
172
178
|
d = S([
|
173
|
-
|
179
|
+
h("cv-linear-progress")
|
174
180
|
], d);
|
175
|
-
const
|
181
|
+
const B = d;
|
176
182
|
export {
|
177
183
|
d as CovalentLinearProgress,
|
178
|
-
|
184
|
+
B as default
|
179
185
|
};
|
package/list-expansion.js
CHANGED
@@ -1,9 +1,9 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
2
|
-
`;var c=Object.defineProperty,
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./query-assigned-elements.mjs"),l=require("./property.mjs"),u=require("./list.mjs");require("./mwc-list-base.mjs");require("./tslib.es6.mjs");require("./mwc-list-item-base.mjs");require("./ripple-handlers.mjs");require("./base-element.mjs");require("./utils.mjs");require("./state.mjs");require("./query.mjs");require("./class-map.mjs");require("./style-map.mjs");require("./observer.mjs");require("./query-assigned-nodes.mjs");require("./if-defined.mjs");const v=`.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)}
|
2
|
+
`;var c=Object.defineProperty,d=Object.getOwnPropertyDescriptor,r=(o,t,i,n)=>{for(var e=n>1?void 0:n?d(t,i):t,a=o.length-1,p;a>=0;a--)(p=o[a])&&(e=(n?p(t,i,e):p(e))||e);return n&&e&&c(t,i,e),e};exports.CovalentExpansionList=class extends u.CovalentList{constructor(){super(),this.open=!1,this.navOpen=!1}_toggleOpen(){this.open=!this.open,this.expansionHeader.forEach(t=>{t.activated=this.open,t.selected=this.open})}attributeChangedCallback(t,i,n){super.attributeChangedCallback(t,i,n),t==="navopen"&&this.expansionHeader.forEach(e=>{n==="true"?(e.navOpen=!!n,e.setAttribute("navopen",n)):e.removeAttribute("navopen")})}render(){return s.y`
|
3
3
|
<slot name="expansionHeader" @click=${this._toggleOpen}></slot>
|
4
|
-
${this.navOpen?super.render():
|
5
|
-
`}};exports.CovalentExpansionList.styles=[
|
6
|
-
${
|
7
|
-
`,
|
8
|
-
${
|
9
|
-
`];exports.CovalentExpansionList.shadowRootOptions={mode:"open",delegatesFocus:!0};
|
4
|
+
${this.navOpen?super.render():s.b}
|
5
|
+
`}};exports.CovalentExpansionList.styles=[s.i`
|
6
|
+
${s.r(u.styles)}
|
7
|
+
`,s.i`
|
8
|
+
${s.r(v)}
|
9
|
+
`];exports.CovalentExpansionList.shadowRootOptions={mode:"open",delegatesFocus:!0};r([l.e({type:Boolean,reflect:!0})],exports.CovalentExpansionList.prototype,"open",2);r([l.e({type:Boolean,reflect:!0})],exports.CovalentExpansionList.prototype,"navOpen",2);r([s.l({slot:"expansionHeader"})],exports.CovalentExpansionList.prototype,"expansionHeader",2);exports.CovalentExpansionList=r([s.e("cv-expansion-list")],exports.CovalentExpansionList);const h=exports.CovalentExpansionList;exports.default=h;
|