@covalent/components 8.12.3 → 8.14.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/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -1
- package/index.mjs +38 -36
- package/list.js +4 -4
- package/list.mjs +17 -17
- package/nav-list-item.js +6 -6
- package/nav-list-item.mjs +14 -14
- package/package.json +6 -1
- package/status-dialog/status-dialog.d.ts +37 -0
- package/status-dialog/status-dialog.d.ts.map +1 -0
- package/status-dialog.js +80 -0
- package/status-dialog.mjs +222 -0
package/index.d.ts
CHANGED
@@ -33,6 +33,7 @@ export * from './side-sheet/side-sheet';
|
|
33
33
|
export * from './slider/slider';
|
34
34
|
export * from './slider/slider-range';
|
35
35
|
export * from './snackbar/snackbar';
|
36
|
+
export * from './status-dialog/status-dialog';
|
36
37
|
export * from './status-header/status-header';
|
37
38
|
export * from './status-header/status-header-item';
|
38
39
|
export * from './switch/switch';
|
package/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}
|
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("./badge.js"),o=require("./button.js"),a=require("./checkbox.js"),i=require("./card.js"),u=require("./chip-ebd0a88e.js"),l=require("./chip-set.js"),c=require("./circular-progress.js"),b=require("./code-snippet.js"),C=require("./dialog-82b03745.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("./badge.js"),o=require("./button.js"),a=require("./checkbox.js"),i=require("./card.js"),u=require("./chip-ebd0a88e.js"),l=require("./chip-set.js"),c=require("./circular-progress.js"),b=require("./code-snippet.js"),C=require("./dialog-82b03745.js"),s=require("./drawer.js"),p=require("./empty-state.js"),v=require("./expansion-panel.js"),d=require("./expansion-panel-item.js"),g=require("./formfield.js"),q=require("./icon.js"),m=require("./icon-button.js"),P=require("./icon-button-toggle.js"),y=require("./icon-check-toggle.js"),f=require("./icon-radio-toggle.js"),j=require("./linear-progress.js"),O=require("./check-list-item.js"),S=require("./list.js"),T=require("./list-item.js"),I=require("./nav-list-item.js"),h=require("./radio-list-item.js"),L=require("./menu.js"),x=require("./radio.js"),B=require("./select.js"),k=require("./side-sheet.js"),R=require("./slider.js"),A=require("./slider-range.js"),D=require("./snackbar.js"),F=require("./status-dialog.js"),w=require("./status-header.js"),E=require("./status-header-item.js"),H=require("./switch.js"),M=require("./tab.js"),N=require("./tab-bar.js"),_=require("./textarea.js"),z=require("./textfield.js"),G=require("./text-lockup.js"),J=require("./toolbar.js"),K=require("./tooltip.js"),Q=require("./top-app-bar.js"),U=require("./top-app-bar-fixed.js"),V=require("./tree-list.js"),W=require("./tree-list-item.js"),X=require("./typography.js");require("./query-assigned-elements-f623705d.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./foundation-e980aa3d.js");require("./tslib.es6-98719205.js");require("./foundation-e830bd94.js");require("./class-map-b5efe8da.js");require("./property-57f6f6fe.js");require("./query-680f1868.js");require("./mwc-drawer-base-798b11f8.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./mwc-icon-f87639bc.js");require("./ripple-handlers-5d5b21db.js");require("./state-0974a8e5.js");require("./style-map-88d2563f.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");require("./mwc-checkbox-base-3d8c9549.js");require("./form-element-c553d6f5.js");require("./mwc-checkbox.css-b3434429.js");require("./keyboard-39125691.js");require("./_commonjsHelpers-2367a3a2.js");require("./query-assigned-nodes-99eae71d.js");require("./mwc-radio-base-913e02e2.js");require("./mwc-radio.css-4e140252.js");require("./mwc-list-item-base-297d86b0.js");require("./list-item-e336fb0e.js");require("./mwc-list-base-400b00e2.js");require("./mwc-menu-base-c75ca473.js");require("./mwc-line-ripple-directive-a6b39a3c.js");require("./mwc-slider.css-c7107d94.js");require("./directive-helpers-0ce1f995.js");require("./mwc-tab-base-f28722aa.js");require("./textfield-11525c88.js");require("./mwc-top-app-bar-base-aec60f27.js");require("./top-app-bar-a531c1b4.js");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,"CovalentBadge",{enumerable:!0,get:()=>n.CovalentBadge});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>o.CovalentButton});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>a.CovalentCheckbox});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>i.CovalentCard});Object.defineProperty(exports,"CovalentChip",{enumerable:!0,get:()=>u.CovalentChip});Object.defineProperty(exports,"CovalentChipSet",{enumerable:!0,get:()=>l.CovalentChipSet});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>c.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>b.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>C.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>s.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>p.CovalentEmptyState});Object.defineProperty(exports,"CovalentExpansionPanel",{enumerable:!0,get:()=>v.CovalentExpansionPanel});Object.defineProperty(exports,"CovalentExpansionPanelItem",{enumerable:!0,get:()=>d.CovalentExpansionPanelItem});Object.defineProperty(exports,"CovalentFormfield",{enumerable:!0,get:()=>g.CovalentFormfield});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>q.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>m.CovalentIconButton});Object.defineProperty(exports,"CovalentIconButtonToggle",{enumerable:!0,get:()=>P.CovalentIconButtonToggle});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>y.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>f.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>j.CovalentLinearProgress});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>O.CovalentCheckListItem});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>S.CovalentList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>T.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>I.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>h.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>L.CovalentMenu});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>x.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>B.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>k.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>R.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>A.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>D.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusDialog",{enumerable:!0,get:()=>F.CovalentStatusDialog});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>w.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>E.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>H.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>M.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>N.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>_.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>z.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>G.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>J.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>K.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>Q.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>U.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>V.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>W.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>X.CovalentTypography});
|
package/index.mjs
CHANGED
@@ -16,12 +16,12 @@ import { CovalentExpansionPanel as so } from "./expansion-panel.mjs";
|
|
16
16
|
import { CovalentExpansionPanelItem as co } from "./expansion-panel-item.mjs";
|
17
17
|
import { CovalentFormfield as go } from "./formfield.mjs";
|
18
18
|
import { CovalentIcon as ho } from "./icon.mjs";
|
19
|
-
import { CovalentIconButton as
|
19
|
+
import { CovalentIconButton as Lo } from "./icon-button.mjs";
|
20
20
|
import { CovalentIconButtonToggle as Bo } from "./icon-button-toggle.mjs";
|
21
21
|
import { CovalentIconCheckToggle as Ro } from "./icon-check-toggle.mjs";
|
22
22
|
import { CovalentIconRadioToggle as Po } from "./icon-radio-toggle.mjs";
|
23
|
-
import { CovalentLinearProgress as
|
24
|
-
import { CovalentCheckListItem as
|
23
|
+
import { CovalentLinearProgress as Do } from "./linear-progress.mjs";
|
24
|
+
import { CovalentCheckListItem as Fo } from "./check-list-item.mjs";
|
25
25
|
import { CovalentList as Ho } from "./list.mjs";
|
26
26
|
import { CovalentListItem as No } from "./list-item.mjs";
|
27
27
|
import { CovalentNavRailListItem as qo } from "./nav-list-item.mjs";
|
@@ -33,21 +33,22 @@ import { CovalentSideSheet as Xo } from "./side-sheet.mjs";
|
|
33
33
|
import { CovalentSlider as Zo } from "./slider.mjs";
|
34
34
|
import { CovalentSliderRange as $o } from "./slider-range.mjs";
|
35
35
|
import { CovalentSnackbar as tt } from "./snackbar.mjs";
|
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 {
|
36
|
+
import { CovalentStatusDialog as et } from "./status-dialog.mjs";
|
37
|
+
import { CovalentStatusHeader as mt } from "./status-header.mjs";
|
38
|
+
import { CovalentStatusHeaderItem as nt } from "./status-header-item.mjs";
|
39
|
+
import { CovalentSwitch as it } from "./switch.mjs";
|
40
|
+
import { CovalentTab as xt } from "./tab.mjs";
|
41
|
+
import { CovalentTabBar as vt } from "./tab-bar.mjs";
|
42
|
+
import { CovalentTextArea as Tt } from "./textarea.mjs";
|
43
|
+
import { CovalentTextField as dt } from "./textfield.mjs";
|
44
|
+
import { CovalentTextLockup as gt } from "./text-lockup.mjs";
|
45
|
+
import { CovalentToolbar as ht } from "./toolbar.mjs";
|
46
|
+
import { CovalentTooltip as Lt } from "./tooltip.mjs";
|
47
|
+
import { CovalentTopAppBar as Bt } from "./top-app-bar.mjs";
|
48
|
+
import { CovalentTopAppBarFixed as Rt } from "./top-app-bar-fixed.mjs";
|
49
|
+
import { CovalentTreeList as Pt } from "./tree-list.mjs";
|
50
|
+
import { CovalentTreeListItem as Dt } from "./tree-list-item.mjs";
|
51
|
+
import { CovalentTypography as Ft } from "./typography.mjs";
|
51
52
|
import "./query-assigned-elements-4a39219d.mjs";
|
52
53
|
import "./utils-dc65fdc9.mjs";
|
53
54
|
import "./observer-be7b92e2.mjs";
|
@@ -93,7 +94,7 @@ export {
|
|
93
94
|
U as CovalentBadge,
|
94
95
|
W as CovalentButton,
|
95
96
|
_ as CovalentCard,
|
96
|
-
|
97
|
+
Fo as CovalentCheckListItem,
|
97
98
|
Y as CovalentCheckbox,
|
98
99
|
oo as CovalentChip,
|
99
100
|
ro as CovalentChipSet,
|
@@ -106,11 +107,11 @@ export {
|
|
106
107
|
co as CovalentExpansionPanelItem,
|
107
108
|
go as CovalentFormfield,
|
108
109
|
ho as CovalentIcon,
|
109
|
-
|
110
|
+
Lo as CovalentIconButton,
|
110
111
|
Bo as CovalentIconButtonToggle,
|
111
112
|
Ro as CovalentIconCheckToggle,
|
112
113
|
Po as CovalentIconRadioToggle,
|
113
|
-
|
114
|
+
Do as CovalentLinearProgress,
|
114
115
|
Ho as CovalentList,
|
115
116
|
No as CovalentListItem,
|
116
117
|
Ko as CovalentMenu,
|
@@ -122,19 +123,20 @@ export {
|
|
122
123
|
Zo as CovalentSlider,
|
123
124
|
$o as CovalentSliderRange,
|
124
125
|
tt as CovalentSnackbar,
|
125
|
-
et as
|
126
|
-
mt as
|
127
|
-
nt as
|
128
|
-
it as
|
129
|
-
xt as
|
130
|
-
vt as
|
131
|
-
Tt as
|
132
|
-
dt as
|
133
|
-
gt as
|
134
|
-
ht as
|
135
|
-
|
136
|
-
Bt as
|
137
|
-
Rt as
|
138
|
-
Pt as
|
139
|
-
|
126
|
+
et as CovalentStatusDialog,
|
127
|
+
mt as CovalentStatusHeader,
|
128
|
+
nt as CovalentStatusHeaderItem,
|
129
|
+
it as CovalentSwitch,
|
130
|
+
xt as CovalentTab,
|
131
|
+
vt as CovalentTabBar,
|
132
|
+
Tt as CovalentTextArea,
|
133
|
+
dt as CovalentTextField,
|
134
|
+
gt as CovalentTextLockup,
|
135
|
+
ht as CovalentToolbar,
|
136
|
+
Lt as CovalentTooltip,
|
137
|
+
Bt as CovalentTopAppBar,
|
138
|
+
Rt as CovalentTopAppBarFixed,
|
139
|
+
Pt as CovalentTreeList,
|
140
|
+
Dt as CovalentTreeListItem,
|
141
|
+
Ft as CovalentTypography
|
140
142
|
};
|
package/list.js
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./query-assigned-elements-f623705d.js"),
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./query-assigned-elements-f623705d.js"),n=require("./mwc-list-base-400b00e2.js");require("./tslib.es6-98719205.js");require("./mwc-list-item-base-297d86b0.js");require("./ripple-handlers-5d5b21db.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./property-57f6f6fe.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.js");require("./observer-a096ab43.js");require("./query-assigned-nodes-99eae71d.js");require("./if-defined-f1c45245.js");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2021 Google LLC
|
4
4
|
* SPDX-LIcense-Identifier: Apache-2.0
|
5
|
-
*/const o=r.i`@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{display:block}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));padding:var(--mdc-list-vertical-padding, 8px) 0}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mdc-deprecated-list ::slotted([divider]){height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list ::slotted([divider][padded]){margin:0 var(--mdc-list-side-padding, 16px)}.mdc-deprecated-list ::slotted([divider][inset]){margin-left:var(--mdc-list-inset-margin, 72px);margin-right:0;width:calc( 100% - var(--mdc-list-inset-margin, 72px) )}[dir=rtl] .mdc-deprecated-list ::slotted([divider][inset]),.mdc-deprecated-list ::slotted([divider][inset][dir=rtl]){margin-left:0;margin-right:var(--mdc-list-inset-margin, 72px)}.mdc-deprecated-list ::slotted([divider][inset][padded]){width:calc( 100% - var(--mdc-list-inset-margin, 72px) - var(--mdc-list-side-padding, 16px) )}.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:40px}.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 20px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense ::slotted([mwc-list-item]),.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 36px}:host([noninteractive]){pointer-events:none;cursor:default}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text){display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}`,c=`:host{padding-right:var(--cv-list-padding-right, 0);padding-left:var(--cv-list-padding-left, 0)}
|
6
|
-
`;var
|
5
|
+
*/const o=r.i`@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{display:block}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));padding:var(--mdc-list-vertical-padding, 8px) 0}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mdc-deprecated-list ::slotted([divider]){height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list ::slotted([divider][padded]){margin:0 var(--mdc-list-side-padding, 16px)}.mdc-deprecated-list ::slotted([divider][inset]){margin-left:var(--mdc-list-inset-margin, 72px);margin-right:0;width:calc( 100% - var(--mdc-list-inset-margin, 72px) )}[dir=rtl] .mdc-deprecated-list ::slotted([divider][inset]),.mdc-deprecated-list ::slotted([divider][inset][dir=rtl]){margin-left:0;margin-right:var(--mdc-list-inset-margin, 72px)}.mdc-deprecated-list ::slotted([divider][inset][padded]){width:calc( 100% - var(--mdc-list-inset-margin, 72px) - var(--mdc-list-side-padding, 16px) )}.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:40px}.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 20px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense ::slotted([mwc-list-item]),.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 36px}:host([noninteractive]){pointer-events:none;cursor:default}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text){display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}`,c=`:host{padding-right:var(--cv-list-padding-right, 0);padding-left:var(--cv-list-padding-left, 0)}.mdc-deprecated-list{width:100%}
|
6
|
+
`;var m=Object.defineProperty,p=Object.getOwnPropertyDescriptor,g=(d,t,a,i)=>{for(var e=i>1?void 0:i?p(t,a):t,s=d.length-1,l;s>=0;s--)(l=d[s])&&(e=(i?l(t,a,e):l(e))||e);return i&&e&&m(t,a,e),e};exports.CovalentList=class extends n.ListBase{};exports.CovalentList.styles=[o,r.i`
|
7
7
|
${r.r(c)}
|
8
|
-
`];exports.CovalentList=g([r.e("cv-list")],exports.CovalentList);const
|
8
|
+
`];exports.CovalentList=g([r.e("cv-list")],exports.CovalentList);const f=exports.CovalentList;exports.default=f;
|
package/list.mjs
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
import { i as
|
2
|
-
import { L as
|
1
|
+
import { i as l, r as n, e as m } from "./query-assigned-elements-4a39219d.mjs";
|
2
|
+
import { L as p } from "./mwc-list-base-495cbb3b.mjs";
|
3
3
|
import "./tslib.es6-c4b0f3b1.mjs";
|
4
4
|
import "./mwc-list-item-base-6449e812.mjs";
|
5
5
|
import "./ripple-handlers-0d9ad7c2.mjs";
|
@@ -18,26 +18,26 @@ import "./if-defined-c367f208.mjs";
|
|
18
18
|
* Copyright 2021 Google LLC
|
19
19
|
* SPDX-LIcense-Identifier: Apache-2.0
|
20
20
|
*/
|
21
|
-
const
|
21
|
+
const c = l`@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{display:block}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));padding:var(--mdc-list-vertical-padding, 8px) 0}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mdc-deprecated-list ::slotted([divider]){height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list ::slotted([divider][padded]){margin:0 var(--mdc-list-side-padding, 16px)}.mdc-deprecated-list ::slotted([divider][inset]){margin-left:var(--mdc-list-inset-margin, 72px);margin-right:0;width:calc( 100% - var(--mdc-list-inset-margin, 72px) )}[dir=rtl] .mdc-deprecated-list ::slotted([divider][inset]),.mdc-deprecated-list ::slotted([divider][inset][dir=rtl]){margin-left:0;margin-right:var(--mdc-list-inset-margin, 72px)}.mdc-deprecated-list ::slotted([divider][inset][padded]){width:calc( 100% - var(--mdc-list-inset-margin, 72px) - var(--mdc-list-side-padding, 16px) )}.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:40px}.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 20px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense ::slotted([mwc-list-item]),.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 36px}:host([noninteractive]){pointer-events:none;cursor:default}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text){display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}`, g = `:host{padding-right:var(--cv-list-padding-right, 0);padding-left:var(--cv-list-padding-left, 0)}.mdc-deprecated-list{width:100%}
|
22
22
|
`;
|
23
|
-
var
|
24
|
-
for (var t = i > 1 ? void 0 : i ?
|
25
|
-
(s = o[a]) && (t = (i ? s(e,
|
26
|
-
return i && t &&
|
23
|
+
var f = Object.defineProperty, h = Object.getOwnPropertyDescriptor, v = (o, e, d, i) => {
|
24
|
+
for (var t = i > 1 ? void 0 : i ? h(e, d) : e, a = o.length - 1, s; a >= 0; a--)
|
25
|
+
(s = o[a]) && (t = (i ? s(e, d, t) : s(t)) || t);
|
26
|
+
return i && t && f(e, d, t), t;
|
27
27
|
};
|
28
|
-
let
|
28
|
+
let r = class extends p {
|
29
29
|
};
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
${
|
30
|
+
r.styles = [
|
31
|
+
c,
|
32
|
+
l`
|
33
|
+
${n(g)}
|
34
34
|
`
|
35
35
|
];
|
36
|
-
|
37
|
-
|
38
|
-
],
|
39
|
-
const R =
|
36
|
+
r = v([
|
37
|
+
m("cv-list")
|
38
|
+
], r);
|
39
|
+
const R = r;
|
40
40
|
export {
|
41
|
-
|
41
|
+
r as CovalentList,
|
42
42
|
R as default
|
43
43
|
};
|
package/nav-list-item.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements-f623705d.js"),c=require("./property-57f6f6fe.js"),h=require("./list-item.js"),
|
2
|
-
`;var m=Object.defineProperty,
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements-f623705d.js"),c=require("./property-57f6f6fe.js"),h=require("./list-item.js"),l=require("./list-item-e336fb0e.js");require("./mwc-list-item-base-297d86b0.js");require("./tslib.es6-98719205.js");require("./ripple-handlers-5d5b21db.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.js");require("./observer-a096ab43.js");const p=`:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 100px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%);--mdc-list-item-graphic-margin: 4px}::slotted(*){--cv-list-padding-right: 0;--cv-list-padding-left: 0;--cv-list-item-text-padding: 48px}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--mdc-theme-primary)}:host([subnav]){height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:var(--cv-list-item-border-radius, 100px);padding:0;padding-right:var(--cv-list-padding-right, 12px);padding-left:var(--cv-list-padding-left, 12px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);margin-left:var(--cv-list-item-graphic-margin-left, 12px);padding-left:4px;background-color:transparent}:host([graphic=avatar]){padding:0;background-color:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host([selected]) .mdc-deprecated-list-item__graphic.material-icons,:host([activated]) .mdc-deprecated-list-item__graphic.material-icons{font-variation-settings:"FILL" 1}:host(.beta-list-item){--mdc-theme-primary: var(--mdc-theme-surface-caution);--mdc-list-item-meta-size: 20px;--mdc-list-item-graphic-size: 40px;--mdc-list-item-graphic-margin: 0;--mdc-typography-subtitle1-font-size: var( --mdc-typography-subtitle2-font-size );--mdc-typography-body2-font-size: var(--mdc-typography-caption-font-size);margin-bottom:8px;margin-right:0;border-radius:0;height:48px;font-size:0;padding:0 0 0 15px}:host([hasChildren]){flex-direction:column;overflow:visible;height:inherit!important;background:none;padding:0;--mdc-list-side-padding: 0;--cv-list-item-graphic-margin-left: 0}:host([hasChildren][open]:hover:not([activated])) .expansion-header{--mdc-ripple-color: transparent}:host([hasChildren][open]:hover:not([activated])) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-primary)}.expansion-header{position:relative;height:48px;width:100%;border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden;display:flex;flex-shrink:0;align-items:center}.expansion-header mwc-ripple{border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, 0);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;height:var(--cv-list-menu-height, 0);--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden}:host([open][hasChildren]:not([twoline])){height:inherit;display:flex;flex-direction:column;border-radius:0}:host([open][hasChildren]:not([twoline])) .expansion-panel{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}
|
2
|
+
`;var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(n,e,t,i)=>{for(var r=i>1?void 0:i?g(e,t):e,o=n.length-1,d;o>=0;o--)(d=n[o])&&(r=(i?d(e,t,r):d(r))||r);return i&&r&&m(e,t,r),r};exports.CovalentNavRailListItem=class extends h.CovalentListItem{constructor(){super(...arguments),this.open=!1,this.hasChildren=!1,this.activated=!1,this.lastKeySelected=0}_toggleOpen(){this.open=!this.open}_handleKeydown(e){const t=this.expansionPanelElements[0],i=t?t==null?void 0:t.getFocusedItemIndex():0,r=(t==null?void 0:t.items.length)??0;if(this.hasChildren){if(e.code==="Enter"){e.preventDefault(),e.stopImmediatePropagation(),e.target.hasChildren?this._toggleOpen():this._deselectHeader(e);return}if(this.open){if(e.code==="ArrowUp"&&i===0&&this.lastKeySelected===0&&!e.target.hasChildren){e.preventDefault(),e.stopImmediatePropagation(),t.items[0].blur(),this.focus();return}e.code==="ArrowDown"&&i===-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(0),this.lastKeySelected=0),e.code==="ArrowUp"&&i!==-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i),(e.code==="ArrowDown"||e.code==="ArrowUp")&&i!==-1&&this.lastKeySelected<r-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i)}}}_handleRequestSelected(e){const t=e;this.hasChildren&&t.detail.selected===!1&&t.detail.source==="property"&&this._deselectChildren()}_deselectChildren(){this.expansionPanelElements.forEach(e=>{e.items.forEach(t=>t.selected=!1)})}_deselectHeader(e){e.preventDefault(),e.stopImmediatePropagation(),this.fireRequestSelected(!1,"interaction"),this.activated=!1}renderExpansionItem(){const e=this.renderText(),t=this.graphic?this.renderGraphic():a.A,i=this.renderMeta();return a.x`
|
3
3
|
<div
|
4
4
|
@mousedown=${this._toggleOpen}
|
5
5
|
@touchstart="${this._toggleOpen}"
|
@@ -15,11 +15,11 @@
|
|
15
15
|
${t}
|
16
16
|
<slot name="meta"></slot>
|
17
17
|
</span>`}render(){return this.hasChildren?this.renderExpansionItem():super.render()}};exports.CovalentNavRailListItem.styles=[a.i`
|
18
|
-
${a.r(
|
18
|
+
${a.r(l.styles)}
|
19
19
|
`,a.i`
|
20
|
-
${a.r(
|
20
|
+
${a.r(l.styles$1)}
|
21
21
|
`,a.i`
|
22
|
-
${a.r(
|
22
|
+
${a.r(l.covalentStyles)}
|
23
23
|
`,a.i`
|
24
24
|
${a.r(p)}
|
25
|
-
`];s([a.l({slot:"expansion-panel",flatten:!0})],exports.CovalentNavRailListItem.prototype,"expansionPanelElements",2);s([c.n({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"open",2);s([c.n({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"hasChildren",2);exports.CovalentNavRailListItem=s([a.e("cv-nav-list-item")],exports.CovalentNavRailListItem);const
|
25
|
+
`];s([a.l({slot:"expansion-panel",flatten:!0})],exports.CovalentNavRailListItem.prototype,"expansionPanelElements",2);s([c.n({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"open",2);s([c.n({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"hasChildren",2);exports.CovalentNavRailListItem=s([a.e("cv-nav-list-item")],exports.CovalentNavRailListItem);const v=exports.CovalentNavRailListItem;exports.default=v;
|
package/nav-list-item.mjs
CHANGED
@@ -1,7 +1,7 @@
|
|
1
|
-
import { i as o, r as n, l as m, A as g, x as
|
1
|
+
import { i as o, r as n, l as m, A as g, x as c, e as v } from "./query-assigned-elements-4a39219d.mjs";
|
2
2
|
import { n as h } from "./property-9b6ea53b.mjs";
|
3
|
-
import { CovalentListItem as
|
4
|
-
import { s as
|
3
|
+
import { CovalentListItem as f } from "./list-item.mjs";
|
4
|
+
import { s as u, a as x, c as y } from "./list-item-e628f363.mjs";
|
5
5
|
import "./mwc-list-item-base-6449e812.mjs";
|
6
6
|
import "./tslib.es6-c4b0f3b1.mjs";
|
7
7
|
import "./ripple-handlers-0d9ad7c2.mjs";
|
@@ -12,14 +12,14 @@ import "./query-d843aa92.mjs";
|
|
12
12
|
import "./class-map-4b94b017.mjs";
|
13
13
|
import "./style-map-bc3ed3e0.mjs";
|
14
14
|
import "./observer-be7b92e2.mjs";
|
15
|
-
const w = `:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 100px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%);--mdc-list-item-graphic-margin: 4px}::slotted(
|
15
|
+
const w = `:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 100px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%);--mdc-list-item-graphic-margin: 4px}::slotted(*){--cv-list-padding-right: 0;--cv-list-padding-left: 0;--cv-list-item-text-padding: 48px}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--mdc-theme-primary)}:host([subnav]){height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:var(--cv-list-item-border-radius, 100px);padding:0;padding-right:var(--cv-list-padding-right, 12px);padding-left:var(--cv-list-padding-left, 12px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);margin-left:var(--cv-list-item-graphic-margin-left, 12px);padding-left:4px;background-color:transparent}:host([graphic=avatar]){padding:0;background-color:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host([selected]) .mdc-deprecated-list-item__graphic.material-icons,:host([activated]) .mdc-deprecated-list-item__graphic.material-icons{font-variation-settings:"FILL" 1}:host(.beta-list-item){--mdc-theme-primary: var(--mdc-theme-surface-caution);--mdc-list-item-meta-size: 20px;--mdc-list-item-graphic-size: 40px;--mdc-list-item-graphic-margin: 0;--mdc-typography-subtitle1-font-size: var( --mdc-typography-subtitle2-font-size );--mdc-typography-body2-font-size: var(--mdc-typography-caption-font-size);margin-bottom:8px;margin-right:0;border-radius:0;height:48px;font-size:0;padding:0 0 0 15px}:host([hasChildren]){flex-direction:column;overflow:visible;height:inherit!important;background:none;padding:0;--mdc-list-side-padding: 0;--cv-list-item-graphic-margin-left: 0}:host([hasChildren][open]:hover:not([activated])) .expansion-header{--mdc-ripple-color: transparent}:host([hasChildren][open]:hover:not([activated])) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-primary)}.expansion-header{position:relative;height:48px;width:100%;border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden;display:flex;flex-shrink:0;align-items:center}.expansion-header mwc-ripple{border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, 0);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;height:var(--cv-list-menu-height, 0);--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden}:host([open][hasChildren]:not([twoline])){height:inherit;display:flex;flex-direction:column;border-radius:0}:host([open][hasChildren]:not([twoline])) .expansion-panel{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}
|
16
16
|
`;
|
17
|
-
var
|
18
|
-
for (var a = s > 1 ? void 0 : s ?
|
19
|
-
(
|
20
|
-
return s && a &&
|
17
|
+
var b = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, d = (e, t, i, s) => {
|
18
|
+
for (var a = s > 1 ? void 0 : s ? _(t, i) : t, l = e.length - 1, p; l >= 0; l--)
|
19
|
+
(p = e[l]) && (a = (s ? p(t, i, a) : p(a)) || a);
|
20
|
+
return s && a && b(t, i, a), a;
|
21
21
|
};
|
22
|
-
let r = class extends
|
22
|
+
let r = class extends f {
|
23
23
|
constructor() {
|
24
24
|
super(...arguments), this.open = !1, this.hasChildren = !1, this.activated = !1, this.lastKeySelected = 0;
|
25
25
|
}
|
@@ -56,7 +56,7 @@ let r = class extends u {
|
|
56
56
|
}
|
57
57
|
renderExpansionItem() {
|
58
58
|
const e = this.renderText(), t = this.graphic ? this.renderGraphic() : g, i = this.renderMeta();
|
59
|
-
return
|
59
|
+
return c`
|
60
60
|
<div
|
61
61
|
@mousedown=${this._toggleOpen}
|
62
62
|
@touchstart="${this._toggleOpen}"
|
@@ -77,8 +77,8 @@ let r = class extends u {
|
|
77
77
|
super.disconnectedCallback(), this.removeEventListener("keydown", this._handleKeydown), this.addEventListener("request-selected", this._handleRequestSelected);
|
78
78
|
}
|
79
79
|
renderMeta() {
|
80
|
-
const e = this.open ? "arrow_drop_up" : "arrow_drop_down", t = this.hasChildren ?
|
81
|
-
return
|
80
|
+
const e = this.open ? "arrow_drop_up" : "arrow_drop_down", t = this.hasChildren ? c`<cv-icon class="expansion-icon">${e}</cv-icon>` : "";
|
81
|
+
return c`<span class="mdc-deprecated-list-item__meta material-icons">
|
82
82
|
${t}
|
83
83
|
<slot name="meta"></slot>
|
84
84
|
</span>`;
|
@@ -89,7 +89,7 @@ let r = class extends u {
|
|
89
89
|
};
|
90
90
|
r.styles = [
|
91
91
|
o`
|
92
|
-
${n(
|
92
|
+
${n(u)}
|
93
93
|
`,
|
94
94
|
o`
|
95
95
|
${n(x)}
|
@@ -111,7 +111,7 @@ d([
|
|
111
111
|
h({ type: Boolean, reflect: !0 })
|
112
112
|
], r.prototype, "hasChildren", 2);
|
113
113
|
r = d([
|
114
|
-
|
114
|
+
v("cv-nav-list-item")
|
115
115
|
], r);
|
116
116
|
const q = r;
|
117
117
|
export {
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@covalent/components",
|
3
|
-
"version": "8.
|
3
|
+
"version": "8.14.0",
|
4
4
|
"description": "a catalog of material components for covalent",
|
5
5
|
"main": "./index.js",
|
6
6
|
"module": "./index.mjs",
|
@@ -191,6 +191,11 @@
|
|
191
191
|
"import": "./snackbar.mjs",
|
192
192
|
"require": "./snackbar.js"
|
193
193
|
},
|
194
|
+
"./status-dialog": {
|
195
|
+
"types": "./status-dialog.d.ts",
|
196
|
+
"import": "./status-dialog.mjs",
|
197
|
+
"require": "./status-dialog.js"
|
198
|
+
},
|
194
199
|
"./status-header": {
|
195
200
|
"types": "./status-header.d.ts",
|
196
201
|
"import": "./status-header.mjs",
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import CovalentDialog from '../dialog/dialog';
|
2
|
+
import '../icon/icon';
|
3
|
+
import '../icon-button/icon-button';
|
4
|
+
declare global {
|
5
|
+
interface HTMLElementTagNameMap {
|
6
|
+
'cv-status-dialog': CovalentStatusDialog;
|
7
|
+
}
|
8
|
+
}
|
9
|
+
/**
|
10
|
+
* Status Dialog
|
11
|
+
*
|
12
|
+
* @slot - This element has a slot
|
13
|
+
*/
|
14
|
+
export declare class CovalentStatusDialog extends CovalentDialog {
|
15
|
+
_details?: HTMLSlotElement;
|
16
|
+
/**
|
17
|
+
* The state representation error|positive|warning
|
18
|
+
*/
|
19
|
+
state: 'error' | 'positive' | 'warning';
|
20
|
+
/**
|
21
|
+
* Whether the content details are expanded
|
22
|
+
*/
|
23
|
+
protected expandDetails: boolean;
|
24
|
+
/**
|
25
|
+
* Whether the expand details link is shown
|
26
|
+
*/
|
27
|
+
showDetailsLink: boolean;
|
28
|
+
static styles: import("lit").CSSResult[];
|
29
|
+
protected firstUpdated(): void;
|
30
|
+
toggleDetails(): void;
|
31
|
+
private _getStatusIcon;
|
32
|
+
renderDetails(): import("lit-html").TemplateResult<1>;
|
33
|
+
protected renderHeading(): import("lit-html").TemplateResult<1>;
|
34
|
+
render(): import("lit-html").TemplateResult<1>;
|
35
|
+
}
|
36
|
+
export default CovalentStatusDialog;
|
37
|
+
//# sourceMappingURL=status-dialog.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"status-dialog.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/status-dialog/status-dialog.ts"],"names":[],"mappings":"AAKA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,OAAO,cAAc,CAAC;AACtB,OAAO,4BAA4B,CAAC;AAEpC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,oBAAoB,CAAC;KAC1C;CACF;AAED;;;;GAIG;AACH,qBACa,oBAAqB,SAAQ,cAAc;IAEtD,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B;;OAEG;IAEH,KAAK,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAW;IAElD;;OAEG;IAEH,SAAS,CAAC,aAAa,UAAS;IAEhC;;OAEG;IAEH,eAAe,UAAS;IAExB,OAAgB,MAAM,4BAKpB;cAEiB,YAAY,IAAI,IAAI;IAcvC,aAAa;IAIb,OAAO,CAAC,cAAc;IAUtB,aAAa;cA+BM,aAAa;IAqBvB,MAAM;CAuDhB;AAED,eAAe,oBAAoB,CAAC"}
|
package/status-dialog.js
ADDED
@@ -0,0 +1,80 @@
|
|
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-82b03745.js"),o=require("./class-map-b5efe8da.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("./mwc-icon-f87639bc.js");require("./ripple-handlers-5d5b21db.js");require("./style-map-88d2563f.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2016 Google Inc.
|
4
|
+
*
|
5
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
* of this software and associated documentation files (the "Software"), to deal
|
7
|
+
* in the Software without restriction, including without limitation the rights
|
8
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
* copies of the Software, and to permit persons to whom the Software is
|
10
|
+
* furnished to do so, subject to the following conditions:
|
11
|
+
*
|
12
|
+
* The above copyright notice and this permission notice shall be included in
|
13
|
+
* all copies or substantial portions of the Software.
|
14
|
+
*
|
15
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
21
|
+
* THE SOFTWARE.
|
22
|
+
*/var u={CLOSING:"mdc-dialog--closing",OPEN:"mdc-dialog--open",OPENING:"mdc-dialog--opening",SCROLLABLE:"mdc-dialog--scrollable",SCROLL_LOCK:"mdc-dialog-scroll-lock",STACKED:"mdc-dialog--stacked",FULLSCREEN:"mdc-dialog--fullscreen",SCROLL_DIVIDER_HEADER:"mdc-dialog-scroll-divider-header",SCROLL_DIVIDER_FOOTER:"mdc-dialog-scroll-divider-footer",SURFACE_SCRIM_SHOWN:"mdc-dialog__surface-scrim--shown",SURFACE_SCRIM_SHOWING:"mdc-dialog__surface-scrim--showing",SURFACE_SCRIM_HIDING:"mdc-dialog__surface-scrim--hiding",SCRIM_HIDDEN:"mdc-dialog__scrim--hidden"};const p=`:host{--mdc-dialog-content-ink-color: var(--cv-theme-on-surface-variant);--mdc-dialog-heading-ink-color: var(--cv-theme-on-surface);--mdc-dialog-min-width: 96vw;--mdc-theme-surface: var(--cv-theme-surface-container-lowest);--mdc-typography-body1-font-family: var( --cv-typography-subtitle1-font-family );--mdc-typography-headline6-font-size: var( --cv-typography-headline6-font-size );--mdc-typography-headline6-font-weight: var( --cv-typography-headline1-font-weight )}:host .mdc-dialog.error .status-dialog__state{background-color:var(--cv-theme-negative-8)}:host .mdc-dialog.error .status-dialog__state cv-icon{color:var(--cv-theme-negative)}:host .mdc-dialog.positive .status-dialog__state{background-color:var(--cv-theme-positive-8)}:host .mdc-dialog.positive .status-dialog__state cv-icon{color:var(--cv-theme-positive)}:host .mdc-dialog.warning .status-dialog__state{background-color:var(--cv-theme-caution-8)}:host .mdc-dialog.warning .status-dialog__state cv-icon{color:var(--cv-theme-caution)}:host .mdc-dialog .mdc-dialog__surface{max-width:calc(100vw - 40px)}:host .mdc-dialog .mdc-dialog__content{padding:0 16px}:host .mdc-dialog .mdc-dialog__content.padding-bottom{padding-bottom:2rem}:host .mdc-dialog__actions{flex-shrink:0;padding:16px}:host .mdc-dialog__content{flex-grow:1}:host .mdc-dialog__title{flex:1;line-height:var(--cv-typography-body1-line-height);margin:0;padding:0 40px 0 0}:host .mdc-dialog__title:before{display:none}:host .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title,:host .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions{border:none}.status-dialog__arrow-icon{margin-top:2px}.status-dialog__arrow-icon.open{transform:rotate(0);transition:transform .25s ease-out}.status-dialog__arrow-icon.close{transform:rotate(180deg);transition:transform .25s ease-in}.status-dialog__container{display:flex}.status-dialog__content{display:flex;flex:1;flex-direction:column}.status-dialog__container,.status-dialog__content{max-height:calc(100% - 32px);overflow-y:auto}.status-dialog__details{display:none}.status-dialog__details.visible{display:block}.status-dialog__heading{--mdc-icon-button-size: 40px;align-items:start;box-sizing:border-box;display:inline-flex;justify-content:space-between;padding:18px 16px;width:100%}.status-dialog__heading.no-heading{justify-content:flex-end}.status-dialog__heading .status-dialog__close-icon{position:absolute;right:8px;top:10px}.status-dialog__state{--mdc-icon-size: 32px;padding:14px 16px 0}.status-dialog__state cv-icon{font-variation-settings:"FILL" 1}.status-dialog__toggle-details{align-items:center;color:var(--cv-theme-primary);cursor:pointer;display:inline-flex;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.25px;line-height:20px;padding:16px 0}@media screen and (min-width: 600px){:host{--mdc-dialog-min-width: 575px}:host .mdc-dialog .mdc-dialog__surface{max-width:575px}}@media screen and (max-width: 480px){:host .status-dialog__container{flex-direction:column}:host .status-dialog__heading .status-dialog__close-icon{top:18px}:host .status-dialog__state{padding:4px}:host .status-dialog__state cv-icon{display:none}:host .mdc-dialog.error .status-dialog__state{background-color:var(--cv-theme-negative)}:host .mdc-dialog.positive .status-dialog__state{background-color:var(--cv-theme-positive)}:host .mdc-dialog.warning .status-dialog__state{background-color:var(--cv-theme-caution)}}
|
23
|
+
`;var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,l=(n,t,a,s)=>{for(var e=s>1?void 0:s?v(t,a):t,d=n.length-1,c;d>=0;d--)(c=n[d])&&(e=(s?c(t,a,e):c(e))||e);return s&&e&&m(t,a,e),e};exports.CovalentStatusDialog=class extends g.CovalentDialog$1{constructor(){super(...arguments),this.state="error",this.expandDetails=!1,this.showDetailsLink=!1}firstUpdated(){if(super.firstUpdated(),this._details){const t=this._details.assignedNodes({flatten:!0});this.showDetailsLink=t.some(a=>a.nodeType===Node.ELEMENT_NODE)}}toggleDetails(){this.expandDetails=!this.expandDetails}_getStatusIcon(){switch(this.state){case"positive":return"check";default:return this.state}}renderDetails(){const t={"status-dialog__details":!0,visible:this.expandDetails},a={open:!this.expandDetails,close:this.expandDetails},s=i.x`<cv-icon
|
24
|
+
class="${o.o(a)} status-dialog__arrow-icon"
|
25
|
+
>arrow_drop_down</cv-icon
|
26
|
+
>`;return i.x`${this.showDetailsLink?i.x`<div>
|
27
|
+
<span
|
28
|
+
class="status-dialog__toggle-details"
|
29
|
+
@click="${this.toggleDetails}"
|
30
|
+
>${this.expandDetails?"Hide details":"Show details"} ${s}
|
31
|
+
</span>
|
32
|
+
</div>`:""}
|
33
|
+
<slot
|
34
|
+
name="details"
|
35
|
+
id="details"
|
36
|
+
class="${o.o(t)}"
|
37
|
+
></slot>`}renderHeading(){const t={"status-dialog__heading":!0,"no-heading":!this.heading};let a=i.x``;return this.heading&&(a=i.x`<h2 id="title" class="mdc-dialog__title">
|
38
|
+
${this.heading}
|
39
|
+
</h2>`),i.x`<span class="${o.o(t)}">
|
40
|
+
${a}
|
41
|
+
<cv-icon-button
|
42
|
+
class="status-dialog__close-icon"
|
43
|
+
icon="close"
|
44
|
+
@click=${this.close}
|
45
|
+
></cv-icon-button>
|
46
|
+
</span>`}render(){const t={[u.STACKED]:this.stacked,error:this.state==="error",positive:this.state==="positive",warning:this.state==="warning"},a=this.renderHeading(),s=this.renderDetails(),e={"mdc-dialog__actions":!this.hideActions},d={"mdc-dialog__content":!0,"padding-bottom":this.hideActions};return i.x` <div
|
47
|
+
class="mdc-dialog ${o.o(t)}"
|
48
|
+
role="alertdialog"
|
49
|
+
aria-modal="true"
|
50
|
+
aria-labelledby="title"
|
51
|
+
aria-describedby="content"
|
52
|
+
>
|
53
|
+
<div class="mdc-dialog__container">
|
54
|
+
<div class="mdc-dialog__surface">
|
55
|
+
<div class="status-dialog__container">
|
56
|
+
<div class="status-dialog__state">
|
57
|
+
<cv-icon>${this._getStatusIcon()}<cv-icon>
|
58
|
+
</div>
|
59
|
+
<div class="status-dialog__content">
|
60
|
+
${a}
|
61
|
+
<div id="content" class="${o.o(d)}">
|
62
|
+
<slot id="contentSlot"></slot>
|
63
|
+
${s}
|
64
|
+
</div>
|
65
|
+
<footer id="actions" class="${o.o(e)}">
|
66
|
+
<span>
|
67
|
+
<slot name="secondaryAction"></slot>
|
68
|
+
</span>
|
69
|
+
<span>
|
70
|
+
<slot name="primaryAction"></slot>
|
71
|
+
</span>
|
72
|
+
</footer>
|
73
|
+
</div>
|
74
|
+
</div>
|
75
|
+
</div>
|
76
|
+
</div>
|
77
|
+
<div class="mdc-dialog__scrim"></div>
|
78
|
+
</div>`}};exports.CovalentStatusDialog.styles=[g.styles,i.i`
|
79
|
+
${i.r(p)}
|
80
|
+
`];l([h.i("#details")],exports.CovalentStatusDialog.prototype,"_details",2);l([_.n({type:String})],exports.CovalentStatusDialog.prototype,"state",2);l([r.t()],exports.CovalentStatusDialog.prototype,"expandDetails",2);l([r.t()],exports.CovalentStatusDialog.prototype,"showDetailsLink",2);exports.CovalentStatusDialog=l([i.e("cv-status-dialog")],exports.CovalentStatusDialog);const f=exports.CovalentStatusDialog;exports.default=f;
|
@@ -0,0 +1,222 @@
|
|
1
|
+
import { i as _, r as m, x as e, e as p } from "./query-assigned-elements-4a39219d.mjs";
|
2
|
+
import { n as h } from "./property-9b6ea53b.mjs";
|
3
|
+
import { t as g } from "./state-b5e865db.mjs";
|
4
|
+
import { i as v } from "./query-d843aa92.mjs";
|
5
|
+
import { s as u, a as f } from "./dialog-c9dbe94d.mjs";
|
6
|
+
import { o as l } from "./class-map-4b94b017.mjs";
|
7
|
+
import "./icon.mjs";
|
8
|
+
import "./icon-button.mjs";
|
9
|
+
import "./tslib.es6-c4b0f3b1.mjs";
|
10
|
+
import "./inert.esm-359d4581.mjs";
|
11
|
+
import "./base-element-acf30176.mjs";
|
12
|
+
import "./utils-dc65fdc9.mjs";
|
13
|
+
import "./observer-be7b92e2.mjs";
|
14
|
+
import "./mwc-icon-5227aec3.mjs";
|
15
|
+
import "./ripple-handlers-0d9ad7c2.mjs";
|
16
|
+
import "./style-map-bc3ed3e0.mjs";
|
17
|
+
import "./aria-property-fa2717fe.mjs";
|
18
|
+
import "./event-options-78d6cf94.mjs";
|
19
|
+
import "./if-defined-c367f208.mjs";
|
20
|
+
/**
|
21
|
+
* @license
|
22
|
+
* Copyright 2016 Google Inc.
|
23
|
+
*
|
24
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
25
|
+
* of this software and associated documentation files (the "Software"), to deal
|
26
|
+
* in the Software without restriction, including without limitation the rights
|
27
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
28
|
+
* copies of the Software, and to permit persons to whom the Software is
|
29
|
+
* furnished to do so, subject to the following conditions:
|
30
|
+
*
|
31
|
+
* The above copyright notice and this permission notice shall be included in
|
32
|
+
* all copies or substantial portions of the Software.
|
33
|
+
*
|
34
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
35
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
36
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
37
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
38
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
39
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
40
|
+
* THE SOFTWARE.
|
41
|
+
*/
|
42
|
+
var x = {
|
43
|
+
CLOSING: "mdc-dialog--closing",
|
44
|
+
OPEN: "mdc-dialog--open",
|
45
|
+
OPENING: "mdc-dialog--opening",
|
46
|
+
SCROLLABLE: "mdc-dialog--scrollable",
|
47
|
+
SCROLL_LOCK: "mdc-dialog-scroll-lock",
|
48
|
+
STACKED: "mdc-dialog--stacked",
|
49
|
+
FULLSCREEN: "mdc-dialog--fullscreen",
|
50
|
+
// Class for showing a scroll divider on full-screen dialog header element.
|
51
|
+
// Should only be displayed on scrollable content, when the dialog content is
|
52
|
+
// scrolled "underneath" the header.
|
53
|
+
SCROLL_DIVIDER_HEADER: "mdc-dialog-scroll-divider-header",
|
54
|
+
// Class for showing a scroll divider on a full-screen dialog footer element.
|
55
|
+
// Should only be displayed on scrolalble content, when the dialog content is
|
56
|
+
// obscured "underneath" the footer.
|
57
|
+
SCROLL_DIVIDER_FOOTER: "mdc-dialog-scroll-divider-footer",
|
58
|
+
// The "surface scrim" is a scrim covering only the surface of a dialog. This
|
59
|
+
// is used in situations where a confirmation dialog is shown over an already
|
60
|
+
// opened full-screen dialog. On larger screen-sizes, the full-screen dialog
|
61
|
+
// is sized as a modal and so in these situations we display a "surface scrim"
|
62
|
+
// to prevent a "double scrim" (where the scrim from the secondary
|
63
|
+
// confirmation dialog would overlap with the scrim from the full-screen
|
64
|
+
// dialog).
|
65
|
+
SURFACE_SCRIM_SHOWN: "mdc-dialog__surface-scrim--shown",
|
66
|
+
// "Showing" animating class for the surface-scrim.
|
67
|
+
SURFACE_SCRIM_SHOWING: "mdc-dialog__surface-scrim--showing",
|
68
|
+
// "Hiding" animating class for the surface-scrim.
|
69
|
+
SURFACE_SCRIM_HIDING: "mdc-dialog__surface-scrim--hiding",
|
70
|
+
// Class to hide a dialog's scrim (used in conjunction with a surface-scrim).
|
71
|
+
// Note that we only hide the original scrim rather than removing it entirely
|
72
|
+
// to prevent interactions with the content behind this scrim, and to capture
|
73
|
+
// scrim clicks.
|
74
|
+
SCRIM_HIDDEN: "mdc-dialog__scrim--hidden"
|
75
|
+
};
|
76
|
+
const y = `:host{--mdc-dialog-content-ink-color: var(--cv-theme-on-surface-variant);--mdc-dialog-heading-ink-color: var(--cv-theme-on-surface);--mdc-dialog-min-width: 96vw;--mdc-theme-surface: var(--cv-theme-surface-container-lowest);--mdc-typography-body1-font-family: var( --cv-typography-subtitle1-font-family );--mdc-typography-headline6-font-size: var( --cv-typography-headline6-font-size );--mdc-typography-headline6-font-weight: var( --cv-typography-headline1-font-weight )}:host .mdc-dialog.error .status-dialog__state{background-color:var(--cv-theme-negative-8)}:host .mdc-dialog.error .status-dialog__state cv-icon{color:var(--cv-theme-negative)}:host .mdc-dialog.positive .status-dialog__state{background-color:var(--cv-theme-positive-8)}:host .mdc-dialog.positive .status-dialog__state cv-icon{color:var(--cv-theme-positive)}:host .mdc-dialog.warning .status-dialog__state{background-color:var(--cv-theme-caution-8)}:host .mdc-dialog.warning .status-dialog__state cv-icon{color:var(--cv-theme-caution)}:host .mdc-dialog .mdc-dialog__surface{max-width:calc(100vw - 40px)}:host .mdc-dialog .mdc-dialog__content{padding:0 16px}:host .mdc-dialog .mdc-dialog__content.padding-bottom{padding-bottom:2rem}:host .mdc-dialog__actions{flex-shrink:0;padding:16px}:host .mdc-dialog__content{flex-grow:1}:host .mdc-dialog__title{flex:1;line-height:var(--cv-typography-body1-line-height);margin:0;padding:0 40px 0 0}:host .mdc-dialog__title:before{display:none}:host .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title,:host .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions{border:none}.status-dialog__arrow-icon{margin-top:2px}.status-dialog__arrow-icon.open{transform:rotate(0);transition:transform .25s ease-out}.status-dialog__arrow-icon.close{transform:rotate(180deg);transition:transform .25s ease-in}.status-dialog__container{display:flex}.status-dialog__content{display:flex;flex:1;flex-direction:column}.status-dialog__container,.status-dialog__content{max-height:calc(100% - 32px);overflow-y:auto}.status-dialog__details{display:none}.status-dialog__details.visible{display:block}.status-dialog__heading{--mdc-icon-button-size: 40px;align-items:start;box-sizing:border-box;display:inline-flex;justify-content:space-between;padding:18px 16px;width:100%}.status-dialog__heading.no-heading{justify-content:flex-end}.status-dialog__heading .status-dialog__close-icon{position:absolute;right:8px;top:10px}.status-dialog__state{--mdc-icon-size: 32px;padding:14px 16px 0}.status-dialog__state cv-icon{font-variation-settings:"FILL" 1}.status-dialog__toggle-details{align-items:center;color:var(--cv-theme-primary);cursor:pointer;display:inline-flex;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.25px;line-height:20px;padding:16px 0}@media screen and (min-width: 600px){:host{--mdc-dialog-min-width: 575px}:host .mdc-dialog .mdc-dialog__surface{max-width:575px}}@media screen and (max-width: 480px){:host .status-dialog__container{flex-direction:column}:host .status-dialog__heading .status-dialog__close-icon{top:18px}:host .status-dialog__state{padding:4px}:host .status-dialog__state cv-icon{display:none}:host .mdc-dialog.error .status-dialog__state{background-color:var(--cv-theme-negative)}:host .mdc-dialog.positive .status-dialog__state{background-color:var(--cv-theme-positive)}:host .mdc-dialog.warning .status-dialog__state{background-color:var(--cv-theme-caution)}}
|
77
|
+
`;
|
78
|
+
var w = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (i, t, s, d) => {
|
79
|
+
for (var a = d > 1 ? void 0 : d ? b(t, s) : t, c = i.length - 1, r; c >= 0; c--)
|
80
|
+
(r = i[c]) && (a = (d ? r(t, s, a) : r(a)) || a);
|
81
|
+
return d && a && w(t, s, a), a;
|
82
|
+
};
|
83
|
+
let o = class extends f {
|
84
|
+
constructor() {
|
85
|
+
super(...arguments), this.state = "error", this.expandDetails = !1, this.showDetailsLink = !1;
|
86
|
+
}
|
87
|
+
firstUpdated() {
|
88
|
+
if (super.firstUpdated(), this._details) {
|
89
|
+
const i = this._details.assignedNodes({
|
90
|
+
flatten: !0
|
91
|
+
});
|
92
|
+
this.showDetailsLink = i.some(
|
93
|
+
(t) => t.nodeType === Node.ELEMENT_NODE
|
94
|
+
);
|
95
|
+
}
|
96
|
+
}
|
97
|
+
toggleDetails() {
|
98
|
+
this.expandDetails = !this.expandDetails;
|
99
|
+
}
|
100
|
+
_getStatusIcon() {
|
101
|
+
switch (this.state) {
|
102
|
+
case "positive":
|
103
|
+
return "check";
|
104
|
+
default:
|
105
|
+
return this.state;
|
106
|
+
}
|
107
|
+
}
|
108
|
+
// Renders the details section in the dialog content
|
109
|
+
renderDetails() {
|
110
|
+
const i = {
|
111
|
+
"status-dialog__details": !0,
|
112
|
+
visible: this.expandDetails
|
113
|
+
}, t = {
|
114
|
+
open: !this.expandDetails,
|
115
|
+
close: this.expandDetails
|
116
|
+
}, s = e`<cv-icon
|
117
|
+
class="${l(t)} status-dialog__arrow-icon"
|
118
|
+
>arrow_drop_down</cv-icon
|
119
|
+
>`;
|
120
|
+
return e`${this.showDetailsLink ? e`<div>
|
121
|
+
<span
|
122
|
+
class="status-dialog__toggle-details"
|
123
|
+
@click="${this.toggleDetails}"
|
124
|
+
>${this.expandDetails ? "Hide details" : "Show details"} ${s}
|
125
|
+
</span>
|
126
|
+
</div>` : ""}
|
127
|
+
<slot
|
128
|
+
name="details"
|
129
|
+
id="details"
|
130
|
+
class="${l(i)}"
|
131
|
+
></slot>`;
|
132
|
+
}
|
133
|
+
renderHeading() {
|
134
|
+
const i = {
|
135
|
+
"status-dialog__heading": !0,
|
136
|
+
"no-heading": !this.heading
|
137
|
+
};
|
138
|
+
let t = e``;
|
139
|
+
return this.heading && (t = e`<h2 id="title" class="mdc-dialog__title">
|
140
|
+
${this.heading}
|
141
|
+
</h2>`), e`<span class="${l(i)}">
|
142
|
+
${t}
|
143
|
+
<cv-icon-button
|
144
|
+
class="status-dialog__close-icon"
|
145
|
+
icon="close"
|
146
|
+
@click=${this.close}
|
147
|
+
></cv-icon-button>
|
148
|
+
</span>`;
|
149
|
+
}
|
150
|
+
render() {
|
151
|
+
const i = {
|
152
|
+
[x.STACKED]: this.stacked,
|
153
|
+
error: this.state === "error",
|
154
|
+
positive: this.state === "positive",
|
155
|
+
warning: this.state === "warning"
|
156
|
+
}, t = this.renderHeading(), s = this.renderDetails(), d = {
|
157
|
+
"mdc-dialog__actions": !this.hideActions
|
158
|
+
}, a = {
|
159
|
+
"mdc-dialog__content": !0,
|
160
|
+
"padding-bottom": this.hideActions
|
161
|
+
};
|
162
|
+
return e` <div
|
163
|
+
class="mdc-dialog ${l(i)}"
|
164
|
+
role="alertdialog"
|
165
|
+
aria-modal="true"
|
166
|
+
aria-labelledby="title"
|
167
|
+
aria-describedby="content"
|
168
|
+
>
|
169
|
+
<div class="mdc-dialog__container">
|
170
|
+
<div class="mdc-dialog__surface">
|
171
|
+
<div class="status-dialog__container">
|
172
|
+
<div class="status-dialog__state">
|
173
|
+
<cv-icon>${this._getStatusIcon()}<cv-icon>
|
174
|
+
</div>
|
175
|
+
<div class="status-dialog__content">
|
176
|
+
${t}
|
177
|
+
<div id="content" class="${l(a)}">
|
178
|
+
<slot id="contentSlot"></slot>
|
179
|
+
${s}
|
180
|
+
</div>
|
181
|
+
<footer id="actions" class="${l(d)}">
|
182
|
+
<span>
|
183
|
+
<slot name="secondaryAction"></slot>
|
184
|
+
</span>
|
185
|
+
<span>
|
186
|
+
<slot name="primaryAction"></slot>
|
187
|
+
</span>
|
188
|
+
</footer>
|
189
|
+
</div>
|
190
|
+
</div>
|
191
|
+
</div>
|
192
|
+
</div>
|
193
|
+
<div class="mdc-dialog__scrim"></div>
|
194
|
+
</div>`;
|
195
|
+
}
|
196
|
+
};
|
197
|
+
o.styles = [
|
198
|
+
u,
|
199
|
+
_`
|
200
|
+
${m(y)}
|
201
|
+
`
|
202
|
+
];
|
203
|
+
n([
|
204
|
+
v("#details")
|
205
|
+
], o.prototype, "_details", 2);
|
206
|
+
n([
|
207
|
+
h({ type: String })
|
208
|
+
], o.prototype, "state", 2);
|
209
|
+
n([
|
210
|
+
g()
|
211
|
+
], o.prototype, "expandDetails", 2);
|
212
|
+
n([
|
213
|
+
g()
|
214
|
+
], o.prototype, "showDetailsLink", 2);
|
215
|
+
o = n([
|
216
|
+
p("cv-status-dialog")
|
217
|
+
], o);
|
218
|
+
const j = o;
|
219
|
+
export {
|
220
|
+
o as CovalentStatusDialog,
|
221
|
+
j as default
|
222
|
+
};
|