@covalent/components 8.22.0 → 8.23.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/{dialog-16aad066.mjs → dialog-78a9fd0e.mjs} +63 -63
- package/{dialog-86192b9a.js → dialog-83104700.js} +7 -7
- package/dialog.js +1 -1
- package/dialog.mjs +1 -1
- package/focused-page/focused-page.d.ts +55 -0
- package/focused-page/focused-page.d.ts.map +1 -0
- package/focused-page.js +21 -0
- package/focused-page.mjs +112 -0
- package/full-screen-dialog/full-screen-dialog.d.ts +32 -0
- package/full-screen-dialog/full-screen-dialog.d.ts.map +1 -0
- package/full-screen-dialog.js +26 -0
- package/full-screen-dialog.mjs +79 -0
- package/index.d.ts +2 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -1
- package/index.mjs +109 -104
- package/package.json +11 -1
- package/side-sheet-0053becf.mjs +5 -0
- package/side-sheet-a99095ce.js +2 -0
- package/side-sheet.js +3 -4
- package/side-sheet.mjs +22 -23
- package/status-dialog.js +1 -1
- package/status-dialog.mjs +1 -1
package/index.mjs
CHANGED
@@ -1,56 +1,58 @@
|
|
1
|
-
import { CovalentActionRibbon as
|
2
|
-
import { CovalentAlert as
|
3
|
-
import { CovalentAppShell as
|
4
|
-
import { CovalentBadge as
|
5
|
-
import { CovalentButton as
|
6
|
-
import { CovalentCheckbox as
|
7
|
-
import { CovalentCard as
|
8
|
-
import { C as
|
9
|
-
import { CovalentChipSet as
|
10
|
-
import { CovalentCircularProgress as
|
11
|
-
import { C as
|
12
|
-
import { CovalentCodeSnippet as
|
13
|
-
import { C as
|
14
|
-
import { CovalentDrawer as
|
15
|
-
import { CovalentEmptyState as
|
16
|
-
import { CovalentExpansionPanel as
|
1
|
+
import { CovalentActionRibbon as K } from "./action-ribbon.mjs";
|
2
|
+
import { CovalentAlert as Q } from "./alert.mjs";
|
3
|
+
import { CovalentAppShell as V } from "./app-shell.mjs";
|
4
|
+
import { CovalentBadge as X } from "./badge.mjs";
|
5
|
+
import { CovalentButton as Z } from "./button.mjs";
|
6
|
+
import { CovalentCheckbox as $ } from "./checkbox.mjs";
|
7
|
+
import { CovalentCard as to } from "./card.mjs";
|
8
|
+
import { C as eo } from "./chip-fb0ea5c5.mjs";
|
9
|
+
import { CovalentChipSet as mo } from "./chip-set.mjs";
|
10
|
+
import { CovalentCircularProgress as lo } from "./circular-progress.mjs";
|
11
|
+
import { C as io } from "./code-editor-712d0ce9.mjs";
|
12
|
+
import { CovalentCodeSnippet as xo } from "./code-snippet.mjs";
|
13
|
+
import { C as vo } from "./dialog-78a9fd0e.mjs";
|
14
|
+
import { CovalentDrawer as co } from "./drawer.mjs";
|
15
|
+
import { CovalentEmptyState as To } from "./empty-state.mjs";
|
16
|
+
import { CovalentExpansionPanel as Io } from "./expansion-panel.mjs";
|
17
17
|
import { CovalentExpansionPanelItem as ho } from "./expansion-panel-item.mjs";
|
18
|
-
import {
|
19
|
-
import {
|
20
|
-
import {
|
21
|
-
import {
|
22
|
-
import {
|
23
|
-
import {
|
24
|
-
import {
|
25
|
-
import {
|
26
|
-
import {
|
27
|
-
import {
|
28
|
-
import {
|
29
|
-
import {
|
30
|
-
import {
|
31
|
-
import {
|
32
|
-
import {
|
33
|
-
import {
|
34
|
-
import {
|
35
|
-
import {
|
36
|
-
import {
|
37
|
-
import {
|
38
|
-
import {
|
39
|
-
import {
|
40
|
-
import {
|
41
|
-
import {
|
42
|
-
import {
|
43
|
-
import {
|
44
|
-
import {
|
45
|
-
import {
|
46
|
-
import {
|
47
|
-
import {
|
48
|
-
import {
|
49
|
-
import {
|
50
|
-
import {
|
51
|
-
import {
|
52
|
-
import {
|
53
|
-
import {
|
18
|
+
import { CovalentFocusedPage as bo } from "./focused-page.mjs";
|
19
|
+
import { CovalentFormfield as ko } from "./formfield.mjs";
|
20
|
+
import { CovalentFullscreenDialog as Ro } from "./full-screen-dialog.mjs";
|
21
|
+
import { CovalentIcon as Po } from "./icon.mjs";
|
22
|
+
import { CovalentIconButton as Eo } from "./icon-button.mjs";
|
23
|
+
import { CovalentIconButtonToggle as wo } from "./icon-button-toggle.mjs";
|
24
|
+
import { CovalentIconCheckToggle as No } from "./icon-check-toggle.mjs";
|
25
|
+
import { CovalentIconRadioToggle as jo } from "./icon-radio-toggle.mjs";
|
26
|
+
import { CovalentLinearProgress as zo } from "./linear-progress.mjs";
|
27
|
+
import { CovalentCheckListItem as Jo } from "./check-list-item.mjs";
|
28
|
+
import { CovalentList as Oo } from "./list.mjs";
|
29
|
+
import { CovalentListItem as Uo } from "./list-item.mjs";
|
30
|
+
import { CovalentNavRailListItem as Wo } from "./nav-list-item.mjs";
|
31
|
+
import { CovalentRadioListItem as Yo } from "./radio-list-item.mjs";
|
32
|
+
import { CovalentMenu as _o } from "./menu.mjs";
|
33
|
+
import { CovalentNotebookCell as ot } from "./notebook-cell.mjs";
|
34
|
+
import { CovalentRadio as rt } from "./radio.mjs";
|
35
|
+
import { CovalentSelect as pt } from "./select.mjs";
|
36
|
+
import { CovalentSideSheet as at } from "./side-sheet.mjs";
|
37
|
+
import { CovalentSlider as nt } from "./slider.mjs";
|
38
|
+
import { CovalentSliderRange as Ct } from "./slider-range.mjs";
|
39
|
+
import { CovalentSnackbar as ft } from "./snackbar.mjs";
|
40
|
+
import { CovalentStatusDialog as st } from "./status-dialog.mjs";
|
41
|
+
import { CovalentStatusHeader as ct } from "./status-header.mjs";
|
42
|
+
import { CovalentStatusHeaderItem as Tt } from "./status-header-item.mjs";
|
43
|
+
import { CovalentSwitch as It } from "./switch.mjs";
|
44
|
+
import { CovalentTab as ht } from "./tab.mjs";
|
45
|
+
import { CovalentTabBar as bt } from "./tab-bar.mjs";
|
46
|
+
import { CovalentTextArea as kt } from "./textarea.mjs";
|
47
|
+
import { CovalentTextField as Rt } from "./textfield.mjs";
|
48
|
+
import { CovalentTextLockup as Pt } from "./text-lockup.mjs";
|
49
|
+
import { CovalentToolbar as Et } from "./toolbar.mjs";
|
50
|
+
import { CovalentTooltip as wt } from "./tooltip.mjs";
|
51
|
+
import { CovalentTopAppBar as Nt } from "./top-app-bar.mjs";
|
52
|
+
import { CovalentTopAppBarFixed as jt } from "./top-app-bar-fixed.mjs";
|
53
|
+
import { CovalentTreeList as zt } from "./tree-list.mjs";
|
54
|
+
import { CovalentTreeListItem as Jt } from "./tree-list-item.mjs";
|
55
|
+
import { CovalentTypography as Ot } from "./typography.mjs";
|
54
56
|
import "./query-assigned-elements-4a39219d.mjs";
|
55
57
|
import "./utils-dc65fdc9.mjs";
|
56
58
|
import "./observer-be7b92e2.mjs";
|
@@ -79,6 +81,7 @@ import "./_commonjsHelpers-2f131a27.mjs";
|
|
79
81
|
import "./async-directive-99a01ec7.mjs";
|
80
82
|
import "./directive-helpers-e3ea6592.mjs";
|
81
83
|
import "./query-assigned-nodes-df691e78.mjs";
|
84
|
+
import "./side-sheet-0053becf.mjs";
|
82
85
|
import "./mwc-radio-base-768b4221.mjs";
|
83
86
|
import "./mwc-radio.css-7454bb11.mjs";
|
84
87
|
import "./mwc-list-item-base-3c6a3bfb.mjs";
|
@@ -92,57 +95,59 @@ import "./textfield-853ebae5.mjs";
|
|
92
95
|
import "./mwc-top-app-bar-base-8a7f7312.mjs";
|
93
96
|
import "./top-app-bar-f83386e0.mjs";
|
94
97
|
export {
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
98
|
+
K as CovalentActionRibbon,
|
99
|
+
Q as CovalentAlert,
|
100
|
+
V as CovalentAppShell,
|
101
|
+
X as CovalentBadge,
|
102
|
+
Z as CovalentButton,
|
103
|
+
to as CovalentCard,
|
104
|
+
Jo as CovalentCheckListItem,
|
105
|
+
$ as CovalentCheckbox,
|
106
|
+
eo as CovalentChip,
|
107
|
+
mo as CovalentChipSet,
|
108
|
+
lo as CovalentCircularProgress,
|
109
|
+
io as CovalentCodeEditor,
|
110
|
+
xo as CovalentCodeSnippet,
|
111
|
+
vo as CovalentDialog,
|
112
|
+
co as CovalentDrawer,
|
113
|
+
To as CovalentEmptyState,
|
114
|
+
Io as CovalentExpansionPanel,
|
112
115
|
ho as CovalentExpansionPanelItem,
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
ht as
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
116
|
+
bo as CovalentFocusedPage,
|
117
|
+
ko as CovalentFormfield,
|
118
|
+
Ro as CovalentFullscreenDialog,
|
119
|
+
Po as CovalentIcon,
|
120
|
+
Eo as CovalentIconButton,
|
121
|
+
wo as CovalentIconButtonToggle,
|
122
|
+
No as CovalentIconCheckToggle,
|
123
|
+
jo as CovalentIconRadioToggle,
|
124
|
+
zo as CovalentLinearProgress,
|
125
|
+
Oo as CovalentList,
|
126
|
+
Uo as CovalentListItem,
|
127
|
+
_o as CovalentMenu,
|
128
|
+
Wo as CovalentNavRailListItem,
|
129
|
+
ot as CovalentNotebookCell,
|
130
|
+
rt as CovalentRadio,
|
131
|
+
Yo as CovalentRadioListItem,
|
132
|
+
pt as CovalentSelect,
|
133
|
+
at as CovalentSideSheet,
|
134
|
+
nt as CovalentSlider,
|
135
|
+
Ct as CovalentSliderRange,
|
136
|
+
ft as CovalentSnackbar,
|
137
|
+
st as CovalentStatusDialog,
|
138
|
+
ct as CovalentStatusHeader,
|
139
|
+
Tt as CovalentStatusHeaderItem,
|
140
|
+
It as CovalentSwitch,
|
141
|
+
ht as CovalentTab,
|
142
|
+
bt as CovalentTabBar,
|
143
|
+
kt as CovalentTextArea,
|
144
|
+
Rt as CovalentTextField,
|
145
|
+
Pt as CovalentTextLockup,
|
146
|
+
Et as CovalentToolbar,
|
147
|
+
wt as CovalentTooltip,
|
148
|
+
Nt as CovalentTopAppBar,
|
149
|
+
jt as CovalentTopAppBarFixed,
|
150
|
+
zt as CovalentTreeList,
|
151
|
+
Jt as CovalentTreeListItem,
|
152
|
+
Ot as CovalentTypography
|
148
153
|
};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@covalent/components",
|
3
|
-
"version": "8.
|
3
|
+
"version": "8.23.0",
|
4
4
|
"description": "a catalog of material components for covalent",
|
5
5
|
"main": "./index.js",
|
6
6
|
"module": "./index.mjs",
|
@@ -101,11 +101,21 @@
|
|
101
101
|
"import": "./expansion-panel-item.mjs",
|
102
102
|
"require": "./expansion-panel-item.js"
|
103
103
|
},
|
104
|
+
"./focused-page": {
|
105
|
+
"types": "./focused-page/focused-page.d.ts",
|
106
|
+
"import": "./focused-page.mjs",
|
107
|
+
"require": "./focused-page.js"
|
108
|
+
},
|
104
109
|
"./formfield": {
|
105
110
|
"types": "./formfield/formfield.d.ts",
|
106
111
|
"import": "./formfield.mjs",
|
107
112
|
"require": "./formfield.js"
|
108
113
|
},
|
114
|
+
"./full-screen-dialog": {
|
115
|
+
"types": "./full-screen-dialog/full-screen-dialog.d.ts",
|
116
|
+
"import": "./full-screen-dialog.mjs",
|
117
|
+
"require": "./full-screen-dialog.js"
|
118
|
+
},
|
109
119
|
"./icon": {
|
110
120
|
"types": "./icon/icon.d.ts",
|
111
121
|
"import": "./icon.mjs",
|
@@ -0,0 +1,5 @@
|
|
1
|
+
const i = `:host{--cv-side-sheet-width: 800px;--mdc-dialog-heading-ink-color: var(--mdc-theme-text-primary-on-background)}.mdc-dialog{justify-content:flex-end}.mdc-dialog .mdc-dialog__surface{border-radius:0;height:100%;min-height:inherit;max-height:inherit;min-width:var(--cv-side-sheet-width, 400px)}.mdc-dialog--opening .mdc-dialog__container{transform:translate(100%);transition:transform .15s cubic-bezier(.4,0,1,1)}.mdc-dialog--open .mdc-dialog__container{transform:translate(0)}.mdc-dialog--closing .mdc-dialog__container{opacity:1;transform:translate(100%);transition:transform .15s cubic-bezier(0,0,.2,1)}:host([pushed]) .mdc-dialog__surface{min-width:100vw}:host([noPadding]) .mdc-dialog .mdc-dialog__content{padding:0}
|
2
|
+
`;
|
3
|
+
export {
|
4
|
+
i as b
|
5
|
+
};
|
@@ -0,0 +1,2 @@
|
|
1
|
+
"use strict";const i=`:host{--cv-side-sheet-width: 800px;--mdc-dialog-heading-ink-color: var(--mdc-theme-text-primary-on-background)}.mdc-dialog{justify-content:flex-end}.mdc-dialog .mdc-dialog__surface{border-radius:0;height:100%;min-height:inherit;max-height:inherit;min-width:var(--cv-side-sheet-width, 400px)}.mdc-dialog--opening .mdc-dialog__container{transform:translate(100%);transition:transform .15s cubic-bezier(.4,0,1,1)}.mdc-dialog--open .mdc-dialog__container{transform:translate(0)}.mdc-dialog--closing .mdc-dialog__container{opacity:1;transform:translate(100%);transition:transform .15s cubic-bezier(0,0,.2,1)}:host([pushed]) .mdc-dialog__surface{min-width:100vw}:host([noPadding]) .mdc-dialog .mdc-dialog__content{padding:0}
|
2
|
+
`;exports.baseStyles=i;
|
package/side-sheet.js
CHANGED
@@ -1,4 +1,3 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
2
|
-
|
3
|
-
|
4
|
-
`];s([c.n({type:Boolean,reflect:!0})],exports.CovalentSideSheet.prototype,"pushed",2);s([c.n({type:Boolean,reflect:!0})],exports.CovalentSideSheet.prototype,"noPadding",2);exports.CovalentSideSheet=s([d.e("cv-side-sheet")],exports.CovalentSideSheet);
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./query-assigned-elements-f623705d.js"),a=require("./property-57f6f6fe.js"),d=require("./dialog-83104700.js"),S=require("./side-sheet-a99095ce.js");require("./tslib.es6-98719205.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./query-680f1868.js");require("./class-map-0a4c6ca9.js");require("./directive-1186bc23.js");var p=Object.defineProperty,h=Object.getOwnPropertyDescriptor,u=(i,t,s,r)=>{for(var e=r>1?void 0:r?h(t,s):t,o=i.length-1,n;o>=0;o--)(n=i[o])&&(e=(r?n(t,s,e):n(e))||e);return r&&e&&p(t,s,e),e};exports.CovalentSideSheet=class extends d.CovalentDialog{constructor(){super(),this.pushed=!1,this.noPadding=!1,this.hideActions=!0}};exports.CovalentSideSheet.styles=[d.styles,l.i`
|
2
|
+
${l.r(S.baseStyles)}
|
3
|
+
`];u([a.n({type:Boolean,reflect:!0})],exports.CovalentSideSheet.prototype,"pushed",2);u([a.n({type:Boolean,reflect:!0})],exports.CovalentSideSheet.prototype,"noPadding",2);exports.CovalentSideSheet=u([l.e("cv-side-sheet")],exports.CovalentSideSheet);
|
package/side-sheet.mjs
CHANGED
@@ -1,6 +1,7 @@
|
|
1
|
-
import { i as
|
2
|
-
import { n as
|
3
|
-
import { s as h, C as
|
1
|
+
import { i as n, r as f, e as c } from "./query-assigned-elements-4a39219d.mjs";
|
2
|
+
import { n as a } from "./property-9b6ea53b.mjs";
|
3
|
+
import { s as h, C as u } from "./dialog-78a9fd0e.mjs";
|
4
|
+
import { b as v } from "./side-sheet-0053becf.mjs";
|
4
5
|
import "./tslib.es6-c4b0f3b1.mjs";
|
5
6
|
import "./inert.esm-359d4581.mjs";
|
6
7
|
import "./base-element-acf30176.mjs";
|
@@ -9,33 +10,31 @@ import "./observer-be7b92e2.mjs";
|
|
9
10
|
import "./query-d843aa92.mjs";
|
10
11
|
import "./class-map-6e504a9a.mjs";
|
11
12
|
import "./directive-daf4e9b6.mjs";
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
(n = d[a]) && (t = (o ? n(i, r, t) : n(t)) || t);
|
17
|
-
return o && t && _(i, r, t), t;
|
13
|
+
var d = Object.defineProperty, y = Object.getOwnPropertyDescriptor, l = (m, r, s, o) => {
|
14
|
+
for (var e = o > 1 ? void 0 : o ? y(r, s) : r, p = m.length - 1, i; p >= 0; p--)
|
15
|
+
(i = m[p]) && (e = (o ? i(r, s, e) : i(e)) || e);
|
16
|
+
return o && e && d(r, s, e), e;
|
18
17
|
};
|
19
|
-
let
|
18
|
+
let t = class extends u {
|
20
19
|
constructor() {
|
21
20
|
super(), this.pushed = !1, this.noPadding = !1, this.hideActions = !0;
|
22
21
|
}
|
23
22
|
};
|
24
|
-
|
23
|
+
t.styles = [
|
25
24
|
h,
|
26
|
-
|
27
|
-
${
|
25
|
+
n`
|
26
|
+
${f(v)}
|
28
27
|
`
|
29
28
|
];
|
30
|
-
|
31
|
-
|
32
|
-
],
|
33
|
-
|
34
|
-
|
35
|
-
],
|
36
|
-
|
37
|
-
|
38
|
-
],
|
29
|
+
l([
|
30
|
+
a({ type: Boolean, reflect: !0 })
|
31
|
+
], t.prototype, "pushed", 2);
|
32
|
+
l([
|
33
|
+
a({ type: Boolean, reflect: !0 })
|
34
|
+
], t.prototype, "noPadding", 2);
|
35
|
+
t = l([
|
36
|
+
c("cv-side-sheet")
|
37
|
+
], t);
|
39
38
|
export {
|
40
|
-
|
39
|
+
t as CovalentSideSheet
|
41
40
|
};
|
package/status-dialog.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-f623705d.js"),_=require("./property-57f6f6fe.js"),r=require("./state-0974a8e5.js"),h=require("./query-680f1868.js"),g=require("./dialog-
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-f623705d.js"),_=require("./property-57f6f6fe.js"),r=require("./state-0974a8e5.js"),h=require("./query-680f1868.js"),g=require("./dialog-83104700.js"),o=require("./class-map-0a4c6ca9.js");require("./icon.js");require("./icon-button.js");require("./tslib.es6-98719205.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./directive-1186bc23.js");require("./mwc-icon-f87639bc.js");require("./ripple-handlers-9fb4a31a.js");require("./style-map-a135c6ab.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2016 Google Inc.
|
4
4
|
*
|
package/status-dialog.mjs
CHANGED
@@ -2,7 +2,7 @@ import { i as _, r as m, x as e, e as p } from "./query-assigned-elements-4a3921
|
|
2
2
|
import { n as h } from "./property-9b6ea53b.mjs";
|
3
3
|
import { t as g } from "./state-b5e865db.mjs";
|
4
4
|
import { i as v } from "./query-d843aa92.mjs";
|
5
|
-
import { s as u, a as f } from "./dialog-
|
5
|
+
import { s as u, a as f } from "./dialog-78a9fd0e.mjs";
|
6
6
|
import { o as l } from "./class-map-6e504a9a.mjs";
|
7
7
|
import "./icon.mjs";
|
8
8
|
import "./icon-button.mjs";
|