@covalent/components 8.23.2 → 9.0.0-beta.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/{_commonjsHelpers-2f131a27.mjs → _commonjsHelpers-DjF3Plf2.mjs} +2 -4
- package/action-ribbon.js +5 -6
- package/action-ribbon.mjs +47 -51
- package/alert.js +5 -6
- package/alert.mjs +48 -52
- package/app-shell.js +1 -2
- package/app-shell.mjs +13 -30
- package/{async-directive-99a01ec7.mjs → async-directive-Cx1B9M5C.mjs} +11 -23
- package/{async-directive-4a34f75e.js → async-directive-y3fBDDSk.js} +1 -1
- package/badge.js +1 -2
- package/badge.mjs +10 -12
- package/{base-element-acf30176.mjs → base-element-C-U4OfWx.mjs} +2 -2
- package/{base-element-58a3f9ea.js → base-element-aUDWLn36.js} +1 -1
- package/button.js +2 -3
- package/button.mjs +18 -23
- package/card.js +8 -9
- package/card.mjs +36 -38
- package/check-list-item.js +11 -15
- package/check-list-item.mjs +53 -70
- package/checkbox.js +1 -2
- package/checkbox.mjs +15 -31
- package/{chip-c65a4549.js → chip-BsDYOEFW.js} +31 -32
- package/{chip-fb0ea5c5.mjs → chip-C8L37ovG.mjs} +110 -117
- package/chip-set.js +5 -6
- package/chip-set.mjs +73 -83
- package/chip.js +1 -1
- package/chip.mjs +4 -13
- package/circular-progress.js +1 -1
- package/circular-progress.mjs +9 -10
- package/{class-map-6e504a9a.mjs → class-map-C1SJpero.mjs} +4 -6
- package/{class-map-0a4c6ca9.js → class-map-C8G1ALWK.js} +1 -1
- package/{code-editor-712d0ce9.mjs → code-editor-CxQzms2S.mjs} +13485 -13720
- package/code-editor-hT6MTCL6.js +660 -0
- package/code-editor.js +1 -1
- package/code-editor.mjs +3 -6
- package/code-snippet.js +5 -6
- package/code-snippet.mjs +235 -284
- package/{dialog-78a9fd0e.mjs → dialog-BoNH4r3n.mjs} +23 -25
- package/{dialog-83104700.js → dialog-LUOzoMeO.js} +6 -7
- package/dialog.js +1 -1
- package/dialog.mjs +4 -13
- package/directive-C7oCP5Bh.js +5 -0
- package/{directive-helpers-e3ea6592.mjs → directive-helpers-CllkNDrI.mjs} +1 -1
- package/{directive-helpers-0ce1f995.js → directive-helpers-Duf3sfLn.js} +1 -1
- package/{directive-daf4e9b6.mjs → directive-oAbCiebi.mjs} +4 -4
- package/drawer.js +2 -3
- package/drawer.mjs +7 -17
- package/empty-state.js +2 -3
- package/empty-state.mjs +12 -15
- package/{event-options-3f5eb195.js → event-options-BH8ks-kz.js} +1 -1
- package/{event-options-78d6cf94.mjs → event-options-CNykeE2u.mjs} +1 -1
- package/expansion-panel-item.js +1 -2
- package/expansion-panel-item.mjs +6 -9
- package/expansion-panel.js +1 -1
- package/expansion-panel.mjs +2 -2
- package/focused-page.js +1 -2
- package/focused-page.mjs +13 -16
- package/{form-element-abadd335.mjs → form-element-CxSqbssX.mjs} +4 -4
- package/{form-element-c553d6f5.js → form-element-DwqUbs65.js} +1 -1
- package/formfield.js +6 -7
- package/formfield.mjs +19 -23
- package/{foundation-e980aa3d.js → foundation-CySCCTUE.js} +3 -3
- package/{foundation-d533452a.mjs → foundation-qQ4jzaAu.mjs} +11 -13
- package/full-screen-dialog.js +4 -5
- package/full-screen-dialog.mjs +13 -22
- package/{html-021d0b5b.mjs → html-BFM6gjw5.mjs} +13 -18
- package/html-BMgGKfr0.js +6 -0
- package/icon-button-toggle.js +11 -16
- package/icon-button-toggle.mjs +68 -78
- package/icon-button.js +6 -11
- package/icon-button.mjs +56 -66
- package/icon-check-toggle.js +6 -7
- package/icon-check-toggle.mjs +10 -23
- package/icon-radio-toggle.js +4 -5
- package/icon-radio-toggle.mjs +13 -29
- package/icon.js +1 -5
- package/icon.mjs +13 -20
- package/{if-defined-c367f208.mjs → if-defined-BsNkRMMG.mjs} +1 -1
- package/{if-defined-f1c45245.js → if-defined-D8C6ewRn.js} +1 -1
- package/index.js +1 -1
- package/index.mjs +110 -150
- package/{inert.esm-359d4581.mjs → inert.esm-BJ7IrRxy.mjs} +3 -4
- package/{javascript-5b83986c.js → javascript-20JK5_5Y.js} +1 -1
- package/{javascript-d2604785.mjs → javascript-BVQ0GGQP.mjs} +4 -10
- package/linear-progress.js +2 -3
- package/linear-progress.mjs +12 -14
- package/list-item-BZVW1fmJ.js +5 -0
- package/list-item-DCzzLVZh.mjs +11 -0
- package/list-item.js +5 -5
- package/list-item.mjs +21 -32
- package/list.js +3 -8
- package/list.mjs +18 -38
- package/menu.js +3 -8
- package/menu.mjs +18 -39
- package/{mwc-checkbox.css-b3434429.js → mwc-checkbox.css-Cd0yCOHu.js} +42 -2
- package/{mwc-checkbox.css-8f4f1a9b.mjs → mwc-checkbox.css-MBOzkrQg.mjs} +198 -3
- package/{mwc-drawer-base-bbae43c3.js → mwc-drawer-base-D-48lqfn.js} +5 -5
- package/{mwc-drawer-base-ca75f41f.mjs → mwc-drawer-base-Dgs9327G.mjs} +24 -26
- package/{mwc-icon-5227aec3.mjs → mwc-icon-BZRds8SY.mjs} +6 -5
- package/{mwc-icon-f87639bc.js → mwc-icon-BumH81hp.js} +2 -2
- package/mwc-icon-button.css-BtgKBOl3.js +5 -0
- package/mwc-icon-button.css-DJMY7U7e.mjs +10 -0
- package/{mwc-line-ripple-directive-40145003.js → mwc-line-ripple-directive-DvPWr3ER.js} +1 -1
- package/{mwc-line-ripple-directive-aabd8778.mjs → mwc-line-ripple-directive-zhm5Zc8i.mjs} +7 -7
- package/{list-item-8b940ec8.js → mwc-list-item.css-CtRq5wSu.js} +28 -6
- package/{list-item-ef175b93.mjs → mwc-list-item.css-g34xqhLC.mjs} +199 -9
- package/mwc-list.css-CaMJWsDp.js +111 -0
- package/{mwc-list-base-402e1d8e.mjs → mwc-list.css-DFOdJyFB.mjs} +213 -213
- package/{mwc-menu-base-04586160.mjs → mwc-menu.css-BEiPghgR.mjs} +90 -92
- package/{mwc-menu-base-08f54c38.js → mwc-menu.css-pxcxlTrh.js} +22 -22
- package/mwc-radio.css-CVMtIq-L.js +105 -0
- package/{mwc-radio-base-768b4221.mjs → mwc-radio.css-XRx0vL1k.mjs} +124 -118
- package/{mwc-slider.css-cda43bd0.mjs → mwc-slider.css-2Bqk43z7.mjs} +200 -211
- package/{mwc-slider.css-c5f99704.js → mwc-slider.css-WrkrmqkL.js} +6 -6
- package/{mwc-tab-base-0814a3ef.mjs → mwc-tab.css-B9yQpkYf.mjs} +126 -122
- package/{mwc-tab-base-f2269fd1.js → mwc-tab.css-CgdXMZBB.js} +26 -22
- package/{mwc-top-app-bar-base-8a7f7312.mjs → mwc-top-app-bar-base-B0EW9eNk.mjs} +13 -15
- package/{mwc-top-app-bar-base-8c8cde51.js → mwc-top-app-bar-base-CSXRBOiX.js} +3 -3
- package/nav-list-item.js +4 -5
- package/nav-list-item.mjs +12 -23
- package/notebook-cell.js +8 -9
- package/notebook-cell.mjs +14 -29
- package/package.json +1 -1
- package/python-B8sEpp0H.js +6 -0
- package/{python-0707b744.mjs → python-BRZC-1dQ.mjs} +11 -16
- package/query-BBDQWsft.mjs +15 -0
- package/query-BxDs8ftQ.js +5 -0
- package/{query-assigned-elements-4a39219d.mjs → query-assigned-elements-DCt2xozt.mjs} +32 -57
- package/{query-assigned-nodes-df691e78.mjs → query-assigned-nodes-B9zBfkh6.mjs} +1 -1
- package/{query-assigned-nodes-99eae71d.js → query-assigned-nodes-CckKHm2z.js} +1 -1
- package/radio-list-item.js +9 -13
- package/radio-list-item.mjs +50 -66
- package/radio.js +1 -2
- package/radio.mjs +15 -32
- package/{ripple-handlers-9fb4a31a.js → ripple-handlers-CzfSBjWo.js} +8 -8
- package/{ripple-handlers-8883e893.mjs → ripple-handlers-i3WPEBiO.mjs} +20 -25
- package/select.js +15 -20
- package/select.mjs +196 -213
- package/side-sheet.js +1 -2
- package/side-sheet.mjs +18 -27
- package/slider-range.js +1 -1
- package/slider-range.mjs +15 -19
- package/slider.js +1 -1
- package/slider.mjs +18 -26
- package/snackbar.js +9 -10
- package/snackbar.mjs +30 -33
- package/{state-0974a8e5.js → state-C3HoXfoa.js} +1 -1
- package/{state-b5e865db.mjs → state-DaD9o2aK.mjs} +1 -1
- package/status-dialog/status-dialog.d.ts.map +1 -1
- package/status-dialog.js +15 -37
- package/status-dialog.mjs +47 -116
- package/status-header-item.js +1 -2
- package/status-header-item.mjs +7 -8
- package/status-header.js +4 -5
- package/status-header.mjs +22 -24
- package/{style-map-a135c6ab.js → style-map-BJBXlSqn.js} +1 -1
- package/{style-map-e7ec6d41.mjs → style-map-CCsABR5m.mjs} +4 -6
- package/style.css +1 -1
- package/switch.js +6 -7
- package/switch.mjs +20 -29
- package/tab-bar.js +18 -22
- package/tab-bar.mjs +192 -205
- package/tab.js +1 -6
- package/tab.mjs +13 -31
- package/text-lockup.js +1 -2
- package/text-lockup.mjs +14 -16
- package/textarea.js +15 -19
- package/textarea.mjs +53 -68
- package/textfield-BwmiygD8.js +136 -0
- package/textfield-C6sUZIeA.mjs +927 -0
- package/textfield.js +3 -7
- package/textfield.mjs +17 -37
- package/toolbar.js +1 -2
- package/toolbar.mjs +6 -13
- package/tooltip.js +3 -4
- package/tooltip.mjs +29 -40
- package/{top-app-bar-f83386e0.mjs → top-app-bar-4SA3DjLX.mjs} +2 -3
- package/{top-app-bar-a531c1b4.js → top-app-bar-CGjBuyiD.js} +2 -3
- package/top-app-bar-fixed.js +6 -6
- package/top-app-bar-fixed.mjs +24 -32
- package/top-app-bar.js +3 -3
- package/top-app-bar.mjs +18 -25
- package/tree-list-item.js +1 -2
- package/tree-list-item.mjs +9 -13
- package/tree-list.js +1 -2
- package/tree-list.mjs +6 -7
- package/{tslib.es6-c4b0f3b1.mjs → tslib.es6-pPsSiLLK.mjs} +15 -26
- package/typescript-CqVUCaiQ.js +6 -0
- package/{typescript-399a453a.mjs → typescript-qqbekFoQ.mjs} +10 -15
- package/typography.js +1 -2
- package/typography.mjs +7 -8
- package/code-editor-b36fad77.js +0 -662
- package/directive-1186bc23.js +0 -5
- package/html-b2900c6a.js +0 -6
- package/mwc-checkbox-base-02b4eb91.mjs +0 -198
- package/mwc-checkbox-base-935d9566.js +0 -41
- package/mwc-list-base-22616d0a.js +0 -111
- package/mwc-list-item-base-06d93e6e.js +0 -28
- package/mwc-list-item-base-3c6a3bfb.mjs +0 -202
- package/mwc-radio-base-147cf999.js +0 -101
- package/mwc-radio.css-4e140252.js +0 -5
- package/mwc-radio.css-7454bb11.mjs +0 -10
- package/python-6a1f2ad7.js +0 -6
- package/query-680f1868.js +0 -5
- package/query-d843aa92.mjs +0 -25
- package/textfield-83e78e56.js +0 -133
- package/textfield-853ebae5.mjs +0 -933
- package/typescript-98fbdb3d.js +0 -6
- /package/{_commonjsHelpers-2367a3a2.js → _commonjsHelpers-6jR-N8xe.js} +0 -0
- /package/{aria-property-fa2717fe.mjs → aria-property-6O5bK0tV.mjs} +0 -0
- /package/{aria-property-849c8816.js → aria-property-Dl2ZKBbP.js} +0 -0
- /package/{css-9be95551.js → css-Bn4le2Sp.js} +0 -0
- /package/{css-5dd354ac.mjs → css-DjwjINlv.mjs} +0 -0
- /package/{foundation-2334d146.mjs → foundation-PL3XY-m_.mjs} +0 -0
- /package/{foundation-e830bd94.js → foundation-pgmPu2iJ.js} +0 -0
- /package/{inert.esm-2cee6f2e.js → inert.esm-CNFtJ8pb.js} +0 -0
- /package/{keyboard-983b121c.mjs → keyboard-BLpVBEDM.mjs} +0 -0
- /package/{keyboard-39125691.js → keyboard-CZlaSOb1.js} +0 -0
- /package/{markdown-eae8e3ba.js → markdown-CrnizovQ.js} +0 -0
- /package/{markdown-9b448c46.mjs → markdown-bAu8rWEZ.mjs} +0 -0
- /package/{observer-be7b92e2.mjs → observer-DQ8OfVDQ.mjs} +0 -0
- /package/{observer-a096ab43.js → observer-N9cgkDqh.js} +0 -0
- /package/{property-9b6ea53b.mjs → property-DJzm_oB9.mjs} +0 -0
- /package/{property-57f6f6fe.js → property-DYTC_2-m.js} +0 -0
- /package/{query-assigned-elements-f623705d.js → query-assigned-elements-4CafVNR8.js} +0 -0
- /package/{r-42c6f0aa.js → r-DKABafMl.js} +0 -0
- /package/{r-630f5d6b.mjs → r-rF4J5dF2.mjs} +0 -0
- /package/{sql-63ec8e76.mjs → sql-CL8qgBkR.mjs} +0 -0
- /package/{sql-faf05577.js → sql-CXm05EUD.js} +0 -0
- /package/{tslib.es6-98719205.js → tslib.es6-CHeFCc6E.js} +0 -0
- /package/{utils-dc65fdc9.mjs → utils-Dr5MegQq.mjs} +0 -0
- /package/{utils-a8190a39.js → utils-wMBJ9n_n.js} +0 -0
@@ -2,16 +2,14 @@ function n(e) {
|
|
2
2
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
3
3
|
}
|
4
4
|
function c(e) {
|
5
|
-
if (e.__esModule)
|
6
|
-
return e;
|
5
|
+
if (e.__esModule) return e;
|
7
6
|
var o = e.default;
|
8
7
|
if (typeof o == "function") {
|
9
8
|
var t = function r() {
|
10
9
|
return this instanceof r ? Reflect.construct(o, arguments, this.constructor) : o.apply(this, arguments);
|
11
10
|
};
|
12
11
|
t.prototype = o.prototype;
|
13
|
-
} else
|
14
|
-
t = {};
|
12
|
+
} else t = {};
|
15
13
|
return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(r) {
|
16
14
|
var u = Object.getOwnPropertyDescriptor(e, r);
|
17
15
|
Object.defineProperty(t, r, u.get ? u : {
|
package/action-ribbon.js
CHANGED
@@ -1,4 +1,4 @@
|
|
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 m=require("./query-assigned-elements-4CafVNR8.js"),p=require("./utils-wMBJ9n_n.js"),h=require("./observer-N9cgkDqh.js"),t=require("./foundation-CySCCTUE.js"),g=require("./class-map-C8G1ALWK.js"),s=require("./property-DYTC_2-m.js"),l=require("./query-BxDs8ftQ.js");var u=Object.defineProperty,o=(a,e,i,b)=>{for(var n=void 0,c=a.length-1,d;c>=0;c--)(d=a[c])&&(n=d(e,i,n)||n);return n&&u(e,i,n),n};class r extends m.s{constructor(){super(...arguments),this.mdcFoundationClass=t.MDCBannerFoundation,this.open=!0,this.labelText="",this.icon="",this.iconAriaLabel="",this.centered=!0,this.reason=t.CloseReason.UNSPECIFIED}render(){const e={"mdc-banner":!0,negative:this.state==="negative",positive:this.state==="positive",caution:this.state==="caution",active:this.state==="active","mdc-banner--centered":this.centered};return m.x` <div class="${g.o(e)}" role="banner">
|
2
2
|
<div class="mdc-banner__content" role="alertdialog" aria-live="assertive" aria-label="${this.labelText}">
|
3
3
|
<div class="mdc-banner__graphic-text-wrapper">
|
4
4
|
${this.icon?this.renderIcon():""}
|
@@ -8,11 +8,10 @@
|
|
8
8
|
<slot name="action-items"></slot>
|
9
9
|
</div>
|
10
10
|
</div>
|
11
|
-
</div>`}renderIcon(){return
|
11
|
+
</div>`}renderIcon(){return m.x` <div class="mdc-banner__graphic" role="img" aria-label="${this.iconAriaLabel}">
|
12
12
|
<slot name="icon">
|
13
13
|
<cv-icon class="mdc-banner__icon"> ${this.icon} </cv-icon>
|
14
14
|
</slot>
|
15
|
-
</div>`}createAdapter(){return{...p.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,o)=>this.mdcRoot.style.setProperty(e,o),trapFocus:()=>{var e;return(e=this.primaryActionEl)==null?void 0:e.focus()},releaseFocus:()=>{var e;return(e=this.primaryActionEl)==null?void 0:e.blur()},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(t.events.ACTION_CLICKED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosed:e=>this.dispatchEvent(new CustomEvent(t.events.CLOSED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosing:e=>this.dispatchEvent(new CustomEvent(t.events.CLOSING,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyOpened:()=>this.dispatchEvent(new CustomEvent(t.events.OPENED,{bubbles:!0,cancelable:!0})),notifyOpening:()=>this.dispatchEvent(new CustomEvent(t.events.OPENING,{bubbles:!0,cancelable:!0}))}}show(){this.open=!0}close(e=t.CloseReason.UNSPECIFIED){this.reason=e,this.open=!1}async firstUpdated(){this.mdcFoundation!==void 0&&this.mdcFoundation.destroy(),this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.open&&this.mdcFoundation.open()}}c([l.i(".mdc-banner")],r.prototype,"mdcRoot",2);c([l.i(t.selectors.CONTENT)],r.prototype,"mdcContent",2);c([l.i(t.selectors.PRIMARY_ACTION)],r.prototype,"primaryActionEl",2);c([b.n({type:Boolean,reflect:!0}),h.observer(function(a){this.mdcFoundation&&(a?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=t.CloseReason.UNSPECIFIED))})],r.prototype,"open",2);c([b.n({type:String})],r.prototype,"labelText",2);c([b.n({type:String})],r.prototype,"icon",2);c([b.n({type:String})],r.prototype,"iconAriaLabel",2);c([b.n({type:Boolean})],r.prototype,"centered",2);c([b.n()],r.prototype,"state",2);const v=`.mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}.mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-banner__content,.mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){.mdc-banner__content,.mdc-banner__fixed{min-width:100%}}.mdc-banner__content{max-width:720px}.mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){.mdc-banner .mdc-banner__fixed{left:0;right:0}.mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] .mdc-banner .mdc-banner__text,.mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}.mdc-banner--opening,.mdc-banner--open,.mdc-banner--closing{display:flex}.mdc-banner--open{transition:height .3s ease}.mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}.mdc-banner--closing{transition:height .25s ease}.mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}.mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}.mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}.mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}.mdc-banner__graphic-text-wrapper{display:flex;width:100%}.mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] .mdc-banner__graphic,.mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}.mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}.mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] .mdc-banner__text,.mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}.mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] .mdc-banner__actions,.mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}.mdc-banner{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff);border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12));border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px);border-radius:0;border-radius:var(--mdc-banner-container-shape, 0)}.mdc-banner .mdc-banner__text{color:#000;color:var(--mdc-banner-supporting-text-color, #000)}.mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;letter-spacing:var(--mdc-banner-supporting-text-tracking, .0178571429em);font-size:.875rem;font-size:var(--mdc-banner-supporting-text-size, .875rem);font-family:Roboto,sans-serif;font-family:var(--mdc-banner-supporting-text-font, Roboto, sans-serif);font-weight:400;font-weight:var(--mdc-banner-supporting-text-weight, 400);line-height:1.25rem;line-height:var(--mdc-banner-supporting-text-line-height, 1.25rem)}.mdc-banner .mdc-banner__graphic{border-radius:50%;border-radius:var(--mdc-banner-with-image-image-shape, 50%)}.mdc-banner .mdc-banner__graphic{height:40px;height:var(--mdc-banner-with-image-image-size, 40px);width:40px;width:var(--mdc-banner-with-image-image-size, 40px)}.mdc-banner .mdc-banner__fixed{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff)}.mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12))}.mdc-banner .mdc-banner__fixed{border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px)}.mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, var(--mdc-banner-action-label-text-color, #6200ee))}.mdc-banner .mdc-button .mdc-button__ripple:before{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-banner-action-hover-state-layer-color, #6200ee))}.mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-pressed-state-layer-color, var(--mdc-banner-action-pressed-state-layer-color, #6200ee))}.mdc-banner .mdc-button:hover .mdc-button__ripple:before,.mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, var(--mdc-banner-action-hover-state-layer-opacity, .04))}.mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, var(--mdc-banner-action-focus-state-layer-opacity, .12))}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}.mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}.mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] .mdc-banner__secondary-action,.mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}.mdc-banner{--cv-action-ribbon-background: transparent;background-color:var(--cv-action-ribbon-background);overflow:hidden}.mdc-banner .mdc-banner__content{max-width:inherit}.mdc-banner .mdc-banner__graphic,.mdc-banner .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-text-icon-on-background);color:var(--mdc-theme-on-surface)}.mdc-banner .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-text-disabled-on-background);margin-left:16px;font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height)}.mdc-banner.caution{--cv-action-ribbon-background: var(--mdc-theme-surface-caution-highlight)}.mdc-banner.caution .mdc-banner__graphic,.mdc-banner.caution .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-caution-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-caution)}.mdc-banner.negative{--cv-action-ribbon-background: var( --mdc-theme-surface-negative-highlight )}.mdc-banner.negative .mdc-banner__graphic,.mdc-banner.negative .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-negative-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-error)}.mdc-banner.active{--cv-action-ribbon-background: var( --mdc-theme-surface-secondary-highlight )}.mdc-banner.active .mdc-banner__graphic,.mdc-banner.active .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-secondary-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-secondary)}.mdc-banner.positive{--cv-action-ribbon-background: var( --mdc-theme-surface-positive-highlight )}.mdc-banner.positive .mdc-banner__graphic,.mdc-banner.positive .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-positive-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-positive)}::slotted(*){margin-left:8px}.mdc-banner__content{min-height:56px}.mdc-banner__graphic{background-color:transparent;margin-top:8px;margin-bottom:8px}.mdc-banner__actions{align-self:center}
|
16
|
-
|
17
|
-
|
18
|
-
`];exports.CovalentActionRibbon=y([s.e("cv-action-ribbon")],exports.CovalentActionRibbon);const w=exports.CovalentActionRibbon;exports.default=w;
|
15
|
+
</div>`}createAdapter(){return{...p.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,i)=>this.mdcRoot.style.setProperty(e,i),trapFocus:()=>{var e;return(e=this.primaryActionEl)==null?void 0:e.focus()},releaseFocus:()=>{var e;return(e=this.primaryActionEl)==null?void 0:e.blur()},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(t.events.ACTION_CLICKED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosed:e=>this.dispatchEvent(new CustomEvent(t.events.CLOSED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosing:e=>this.dispatchEvent(new CustomEvent(t.events.CLOSING,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyOpened:()=>this.dispatchEvent(new CustomEvent(t.events.OPENED,{bubbles:!0,cancelable:!0})),notifyOpening:()=>this.dispatchEvent(new CustomEvent(t.events.OPENING,{bubbles:!0,cancelable:!0}))}}show(){this.open=!0}close(e=t.CloseReason.UNSPECIFIED){this.reason=e,this.open=!1}async firstUpdated(){this.mdcFoundation!==void 0&&this.mdcFoundation.destroy(),this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.open&&this.mdcFoundation.open()}}o([l.i(".mdc-banner")],r.prototype,"mdcRoot");o([l.i(t.selectors.CONTENT)],r.prototype,"mdcContent");o([l.i(t.selectors.PRIMARY_ACTION)],r.prototype,"primaryActionEl");o([s.n({type:Boolean,reflect:!0}),h.observer(function(a){this.mdcFoundation&&(a?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=t.CloseReason.UNSPECIFIED))})],r.prototype,"open");o([s.n({type:String})],r.prototype,"labelText");o([s.n({type:String})],r.prototype,"icon");o([s.n({type:String})],r.prototype,"iconAriaLabel");o([s.n({type:Boolean})],r.prototype,"centered");o([s.n()],r.prototype,"state");const _=".mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}.mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-banner__content,.mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){.mdc-banner__content,.mdc-banner__fixed{min-width:100%}}.mdc-banner__content{max-width:720px}.mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){.mdc-banner .mdc-banner__fixed{left:0;right:0}.mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] .mdc-banner .mdc-banner__text,.mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}.mdc-banner--opening,.mdc-banner--open,.mdc-banner--closing{display:flex}.mdc-banner--open{transition:height .3s ease}.mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}.mdc-banner--closing{transition:height .25s ease}.mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}.mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}.mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}.mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}.mdc-banner__graphic-text-wrapper{display:flex;width:100%}.mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] .mdc-banner__graphic,.mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}.mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}.mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] .mdc-banner__text,.mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}.mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] .mdc-banner__actions,.mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}.mdc-banner{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff);border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12));border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px);border-radius:0;border-radius:var(--mdc-banner-container-shape, 0)}.mdc-banner .mdc-banner__text{color:#000;color:var(--mdc-banner-supporting-text-color, #000)}.mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;letter-spacing:var(--mdc-banner-supporting-text-tracking, .0178571429em);font-size:.875rem;font-size:var(--mdc-banner-supporting-text-size, .875rem);font-family:Roboto,sans-serif;font-family:var(--mdc-banner-supporting-text-font, Roboto, sans-serif);font-weight:400;font-weight:var(--mdc-banner-supporting-text-weight, 400);line-height:1.25rem;line-height:var(--mdc-banner-supporting-text-line-height, 1.25rem)}.mdc-banner .mdc-banner__graphic{border-radius:50%;border-radius:var(--mdc-banner-with-image-image-shape, 50%)}.mdc-banner .mdc-banner__graphic{height:40px;height:var(--mdc-banner-with-image-image-size, 40px);width:40px;width:var(--mdc-banner-with-image-image-size, 40px)}.mdc-banner .mdc-banner__fixed{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff)}.mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12))}.mdc-banner .mdc-banner__fixed{border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px)}.mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, var(--mdc-banner-action-label-text-color, #6200ee))}.mdc-banner .mdc-button .mdc-button__ripple:before{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-banner-action-hover-state-layer-color, #6200ee))}.mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-pressed-state-layer-color, var(--mdc-banner-action-pressed-state-layer-color, #6200ee))}.mdc-banner .mdc-button:hover .mdc-button__ripple:before,.mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, var(--mdc-banner-action-hover-state-layer-opacity, .04))}.mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, var(--mdc-banner-action-focus-state-layer-opacity, .12))}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}.mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}.mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] .mdc-banner__secondary-action,.mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}.mdc-banner{--cv-action-ribbon-background: transparent;background-color:var(--cv-action-ribbon-background);overflow:hidden}.mdc-banner .mdc-banner__content{max-width:inherit}.mdc-banner .mdc-banner__graphic,.mdc-banner .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-text-icon-on-background);color:var(--mdc-theme-on-surface)}.mdc-banner .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-text-disabled-on-background);margin-left:16px;font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height)}.mdc-banner.caution{--cv-action-ribbon-background: var(--mdc-theme-surface-caution-highlight)}.mdc-banner.caution .mdc-banner__graphic,.mdc-banner.caution .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-caution-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-caution)}.mdc-banner.negative{--cv-action-ribbon-background: var( --mdc-theme-surface-negative-highlight )}.mdc-banner.negative .mdc-banner__graphic,.mdc-banner.negative .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-negative-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-error)}.mdc-banner.active{--cv-action-ribbon-background: var( --mdc-theme-surface-secondary-highlight )}.mdc-banner.active .mdc-banner__graphic,.mdc-banner.active .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-secondary-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-secondary)}.mdc-banner.positive{--cv-action-ribbon-background: var( --mdc-theme-surface-positive-highlight )}.mdc-banner.positive .mdc-banner__graphic,.mdc-banner.positive .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-positive-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-positive)}::slotted(*){margin-left:8px}.mdc-banner__content{min-height:56px}.mdc-banner__graphic{background-color:transparent;margin-top:8px;margin-bottom:8px}.mdc-banner__actions{align-self:center}";var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,x=(a,e,i,b)=>{for(var n=b>1?void 0:b?f(e,i):e,c=a.length-1,d;c>=0;c--)(d=a[c])&&(n=(b?d(e,i,n):d(n))||n);return b&&n&&v(e,i,n),n};exports.CovalentActionRibbon=class extends r{};exports.CovalentActionRibbon.styles=[m.i`
|
16
|
+
${m.r(_)}
|
17
|
+
`];exports.CovalentActionRibbon=x([m.e("cv-action-ribbon")],exports.CovalentActionRibbon);const y=exports.CovalentActionRibbon;exports.default=y;
|
package/action-ribbon.mjs
CHANGED
@@ -1,17 +1,14 @@
|
|
1
|
-
import { s as _, x as h, i as u, r as f, e as v } from "./query-assigned-elements-
|
2
|
-
import { a as x } from "./utils-
|
3
|
-
import { o as y } from "./observer-
|
4
|
-
import {
|
5
|
-
import { o as C } from "./class-map-
|
6
|
-
import { n as
|
7
|
-
import { i as l } from "./query-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
for (var t = a > 1 ? void 0 : a ? k(e, r) : e, c = i.length - 1, d; c >= 0; c--)
|
13
|
-
(d = i[c]) && (t = (a ? d(e, r, t) : d(t)) || t);
|
14
|
-
return a && t && E(e, r, t), t;
|
1
|
+
import { s as _, x as h, i as u, r as f, e as v } from "./query-assigned-elements-DCt2xozt.mjs";
|
2
|
+
import { a as x } from "./utils-Dr5MegQq.mjs";
|
3
|
+
import { o as y } from "./observer-DQ8OfVDQ.mjs";
|
4
|
+
import { M as w, C as p, e as s, s as g } from "./foundation-qQ4jzaAu.mjs";
|
5
|
+
import { o as C } from "./class-map-C1SJpero.mjs";
|
6
|
+
import { n as d } from "./property-DJzm_oB9.mjs";
|
7
|
+
import { i as l } from "./query-BBDQWsft.mjs";
|
8
|
+
var k = Object.defineProperty, r = (a, e, o, m) => {
|
9
|
+
for (var t = void 0, i = a.length - 1, c; i >= 0; i--)
|
10
|
+
(c = a[i]) && (t = c(e, o, t) || t);
|
11
|
+
return t && k(e, o, t), t;
|
15
12
|
};
|
16
13
|
class n extends _ {
|
17
14
|
constructor() {
|
@@ -49,7 +46,7 @@ class n extends _ {
|
|
49
46
|
return {
|
50
47
|
...x(this.mdcRoot),
|
51
48
|
getContentHeight: () => this.mdcContent.offsetHeight,
|
52
|
-
setStyleProperty: (e,
|
49
|
+
setStyleProperty: (e, o) => this.mdcRoot.style.setProperty(e, o),
|
53
50
|
trapFocus: () => {
|
54
51
|
var e;
|
55
52
|
return (e = this.primaryActionEl) == null ? void 0 : e.focus();
|
@@ -99,55 +96,54 @@ class n extends _ {
|
|
99
96
|
this.mdcFoundation !== void 0 && this.mdcFoundation.destroy(), this.mdcFoundation = new this.mdcFoundationClass(this.createAdapter()), this.open && this.mdcFoundation.open();
|
100
97
|
}
|
101
98
|
}
|
102
|
-
|
99
|
+
r([
|
103
100
|
l(".mdc-banner")
|
104
|
-
], n.prototype, "mdcRoot"
|
105
|
-
|
101
|
+
], n.prototype, "mdcRoot");
|
102
|
+
r([
|
106
103
|
l(g.CONTENT)
|
107
|
-
], n.prototype, "mdcContent"
|
108
|
-
|
104
|
+
], n.prototype, "mdcContent");
|
105
|
+
r([
|
109
106
|
l(g.PRIMARY_ACTION)
|
110
|
-
], n.prototype, "primaryActionEl"
|
111
|
-
|
112
|
-
|
113
|
-
y(function(
|
114
|
-
this.mdcFoundation && (
|
107
|
+
], n.prototype, "primaryActionEl");
|
108
|
+
r([
|
109
|
+
d({ type: Boolean, reflect: !0 }),
|
110
|
+
y(function(a) {
|
111
|
+
this.mdcFoundation && (a ? this.mdcFoundation.open() : (this.mdcFoundation.close(this.reason), this.reason = p.UNSPECIFIED));
|
115
112
|
})
|
116
|
-
], n.prototype, "open"
|
117
|
-
|
118
|
-
|
119
|
-
], n.prototype, "labelText"
|
120
|
-
|
121
|
-
|
122
|
-
], n.prototype, "icon"
|
123
|
-
|
124
|
-
|
125
|
-
], n.prototype, "iconAriaLabel"
|
126
|
-
|
127
|
-
|
128
|
-
], n.prototype, "centered"
|
129
|
-
|
130
|
-
|
131
|
-
], n.prototype, "state"
|
132
|
-
const
|
133
|
-
|
134
|
-
var
|
135
|
-
|
136
|
-
|
137
|
-
return a && t && P(e, r, t), t;
|
113
|
+
], n.prototype, "open");
|
114
|
+
r([
|
115
|
+
d({ type: String })
|
116
|
+
], n.prototype, "labelText");
|
117
|
+
r([
|
118
|
+
d({ type: String })
|
119
|
+
], n.prototype, "icon");
|
120
|
+
r([
|
121
|
+
d({ type: String })
|
122
|
+
], n.prototype, "iconAriaLabel");
|
123
|
+
r([
|
124
|
+
d({ type: Boolean })
|
125
|
+
], n.prototype, "centered");
|
126
|
+
r([
|
127
|
+
d()
|
128
|
+
], n.prototype, "state");
|
129
|
+
const E = ".mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}.mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-banner__content,.mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){.mdc-banner__content,.mdc-banner__fixed{min-width:100%}}.mdc-banner__content{max-width:720px}.mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){.mdc-banner .mdc-banner__fixed{left:0;right:0}.mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] .mdc-banner .mdc-banner__text,.mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}.mdc-banner--opening,.mdc-banner--open,.mdc-banner--closing{display:flex}.mdc-banner--open{transition:height .3s ease}.mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}.mdc-banner--closing{transition:height .25s ease}.mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}.mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}.mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}.mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}.mdc-banner__graphic-text-wrapper{display:flex;width:100%}.mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] .mdc-banner__graphic,.mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}.mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}.mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] .mdc-banner__text,.mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}.mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] .mdc-banner__actions,.mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}.mdc-banner{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff);border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12));border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px);border-radius:0;border-radius:var(--mdc-banner-container-shape, 0)}.mdc-banner .mdc-banner__text{color:#000;color:var(--mdc-banner-supporting-text-color, #000)}.mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;letter-spacing:var(--mdc-banner-supporting-text-tracking, .0178571429em);font-size:.875rem;font-size:var(--mdc-banner-supporting-text-size, .875rem);font-family:Roboto,sans-serif;font-family:var(--mdc-banner-supporting-text-font, Roboto, sans-serif);font-weight:400;font-weight:var(--mdc-banner-supporting-text-weight, 400);line-height:1.25rem;line-height:var(--mdc-banner-supporting-text-line-height, 1.25rem)}.mdc-banner .mdc-banner__graphic{border-radius:50%;border-radius:var(--mdc-banner-with-image-image-shape, 50%)}.mdc-banner .mdc-banner__graphic{height:40px;height:var(--mdc-banner-with-image-image-size, 40px);width:40px;width:var(--mdc-banner-with-image-image-size, 40px)}.mdc-banner .mdc-banner__fixed{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff)}.mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12))}.mdc-banner .mdc-banner__fixed{border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px)}.mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, var(--mdc-banner-action-label-text-color, #6200ee))}.mdc-banner .mdc-button .mdc-button__ripple:before{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-banner-action-hover-state-layer-color, #6200ee))}.mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-pressed-state-layer-color, var(--mdc-banner-action-pressed-state-layer-color, #6200ee))}.mdc-banner .mdc-button:hover .mdc-button__ripple:before,.mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, var(--mdc-banner-action-hover-state-layer-opacity, .04))}.mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, var(--mdc-banner-action-focus-state-layer-opacity, .12))}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}.mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}.mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] .mdc-banner__secondary-action,.mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}.mdc-banner{--cv-action-ribbon-background: transparent;background-color:var(--cv-action-ribbon-background);overflow:hidden}.mdc-banner .mdc-banner__content{max-width:inherit}.mdc-banner .mdc-banner__graphic,.mdc-banner .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-text-icon-on-background);color:var(--mdc-theme-on-surface)}.mdc-banner .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-text-disabled-on-background);margin-left:16px;font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height)}.mdc-banner.caution{--cv-action-ribbon-background: var(--mdc-theme-surface-caution-highlight)}.mdc-banner.caution .mdc-banner__graphic,.mdc-banner.caution .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-caution-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-caution)}.mdc-banner.negative{--cv-action-ribbon-background: var( --mdc-theme-surface-negative-highlight )}.mdc-banner.negative .mdc-banner__graphic,.mdc-banner.negative .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-negative-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-error)}.mdc-banner.active{--cv-action-ribbon-background: var( --mdc-theme-surface-secondary-highlight )}.mdc-banner.active .mdc-banner__graphic,.mdc-banner.active .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-secondary-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-secondary)}.mdc-banner.positive{--cv-action-ribbon-background: var( --mdc-theme-surface-positive-highlight )}.mdc-banner.positive .mdc-banner__graphic,.mdc-banner.positive .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-positive-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-positive)}::slotted(*){margin-left:8px}.mdc-banner__content{min-height:56px}.mdc-banner__graphic{background-color:transparent;margin-top:8px;margin-bottom:8px}.mdc-banner__actions{align-self:center}";
|
130
|
+
var A = Object.defineProperty, F = Object.getOwnPropertyDescriptor, I = (a, e, o, m) => {
|
131
|
+
for (var t = m > 1 ? void 0 : m ? F(e, o) : e, i = a.length - 1, c; i >= 0; i--)
|
132
|
+
(c = a[i]) && (t = (m ? c(e, o, t) : c(t)) || t);
|
133
|
+
return m && t && A(e, o, t), t;
|
138
134
|
};
|
139
135
|
let b = class extends n {
|
140
136
|
};
|
141
137
|
b.styles = [
|
142
138
|
u`
|
143
|
-
${f(
|
139
|
+
${f(E)}
|
144
140
|
`
|
145
141
|
];
|
146
|
-
b =
|
142
|
+
b = I([
|
147
143
|
v("cv-action-ribbon")
|
148
144
|
], b);
|
149
|
-
const
|
145
|
+
const S = b;
|
150
146
|
export {
|
151
147
|
b as CovalentActionRibbon,
|
152
|
-
|
148
|
+
S as default
|
153
149
|
};
|
package/alert.js
CHANGED
@@ -1,4 +1,4 @@
|
|
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 s=require("./query-assigned-elements-4CafVNR8.js"),l=require("./utils-wMBJ9n_n.js"),p=require("./observer-N9cgkDqh.js"),b=require("./foundation-CySCCTUE.js"),g=require("./class-map-C8G1ALWK.js"),c=require("./property-DYTC_2-m.js"),h=require("./query-BxDs8ftQ.js");var v=Object.defineProperty,a=(r,e,o,m)=>{for(var t=void 0,i=r.length-1,d;i>=0;i--)(d=r[i])&&(t=d(e,o,t)||t);return t&&v(e,o,t),t};class n extends s.s{constructor(){super(...arguments),this.mdcFoundationClass=b.MDCBannerFoundation,this.open=!0,this.titleText="",this.descriptionText="",this.icon="",this.iconAriaLabel="",this.inline=!1,this.state="",this.reason=b.CloseReason.UNSPECIFIED}render(){const e={"mdc-banner":!0,"cv-banner--inline":this.inline,negative:this.state==="negative",positive:this.state==="positive",caution:this.state==="caution",active:this.state==="active"};return s.x` <div class="${g.o(e)}" role="banner">
|
2
2
|
<div class="mdc-banner__content" role="alertdialog" aria-live="assertive" aria-label="${this.titleText}">
|
3
3
|
<div class="mdc-banner__graphic-text-wrapper">
|
4
4
|
${this.icon?this.renderIcon():""}
|
@@ -11,11 +11,10 @@
|
|
11
11
|
<slot name="action-items"></slot>
|
12
12
|
</div>
|
13
13
|
</div>
|
14
|
-
</div>`}renderIcon(){return
|
14
|
+
</div>`}renderIcon(){return s.x` <div class="mdc-banner__graphic" role="img" aria-label="${this.iconAriaLabel}">
|
15
15
|
<slot name="icon">
|
16
16
|
<cv-icon class="mdc-banner__icon"> ${this.icon} </cv-icon>
|
17
17
|
</slot>
|
18
|
-
</div>`}createAdapter(){return{...l.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,a)=>{this.mdcRoot.style.setProperty(e,a)},trapFocus:()=>{},releaseFocus:()=>{},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(b.events.ACTION_CLICKED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosed:()=>{},notifyClosing:()=>{this.open=!1},notifyOpened:()=>{},notifyOpening:()=>{this.open=!0}}}show(){this.open=!0}close(e=b.CloseReason.UNSPECIFIED){this.reason=e,this.open=!1}async firstUpdated(){this.mdcFoundation!==void 0&&this.mdcFoundation.destroy(),this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.open&&this.mdcFoundation.open()}}i([h.i(".mdc-banner")],n.prototype,"mdcRoot",2);i([h.i(".mdc-banner__content")],n.prototype,"mdcContent",2);i([s.n({type:Boolean,reflect:!0}),p.observer(function(r){this.mdcFoundation&&(r?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=b.CloseReason.UNSPECIFIED))})],n.prototype,"open",2);i([s.n({type:String})],n.prototype,"titleText",2);i([s.n({type:String})],n.prototype,"descriptionText",2);i([s.n({type:String})],n.prototype,"icon",2);i([s.n({type:String})],n.prototype,"iconAriaLabel",2);i([s.n({type:Boolean})],n.prototype,"inline",2);i([s.n()],n.prototype,"state",2);const u=`:host .mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}:host .mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:100%}}:host .mdc-banner__content{max-width:720px}:host .mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){:host .mdc-banner .mdc-banner__fixed{left:0;right:0}:host .mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] :host .mdc-banner .mdc-banner__text,:host .mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] :host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}:host .mdc-banner--opening,:host .mdc-banner--open,:host .mdc-banner--closing{display:flex}:host .mdc-banner--open{transition:height .3s ease}:host .mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}:host .mdc-banner--closing{transition:height .25s ease}:host .mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}:host .mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}:host .mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}:host .mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}:host .mdc-banner__graphic-text-wrapper{display:flex;width:100%}:host .mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] :host .mdc-banner__graphic,:host .mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}:host .mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}:host .mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] :host .mdc-banner__text,:host .mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}:host .mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] :host .mdc-banner__actions,:host .mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}:host .mdc-banner{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff);border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12));border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px);border-radius:0;border-radius:var(--mdc-banner-container-shape, 0)}:host .mdc-banner .mdc-banner__text{color:#000;color:var(--mdc-banner-supporting-text-color, #000)}:host .mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;letter-spacing:var(--mdc-banner-supporting-text-tracking, .0178571429em);font-size:.875rem;font-size:var(--mdc-banner-supporting-text-size, .875rem);font-family:Roboto,sans-serif;font-family:var(--mdc-banner-supporting-text-font, Roboto, sans-serif);font-weight:400;font-weight:var(--mdc-banner-supporting-text-weight, 400);line-height:1.25rem;line-height:var(--mdc-banner-supporting-text-line-height, 1.25rem)}:host .mdc-banner .mdc-banner__graphic{border-radius:50%;border-radius:var(--mdc-banner-with-image-image-shape, 50%)}:host .mdc-banner .mdc-banner__graphic{height:40px;height:var(--mdc-banner-with-image-image-size, 40px);width:40px;width:var(--mdc-banner-with-image-image-size, 40px)}:host .mdc-banner .mdc-banner__fixed{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff)}:host .mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12))}:host .mdc-banner .mdc-banner__fixed{border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px)}:host .mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, var(--mdc-banner-action-label-text-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:before{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-banner-action-hover-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-pressed-state-layer-color, var(--mdc-banner-action-pressed-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button:hover .mdc-button__ripple:before,:host .mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, var(--mdc-banner-action-hover-state-layer-opacity, .04))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, var(--mdc-banner-action-focus-state-layer-opacity, .12))}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] :host .mdc-banner__secondary-action,:host .mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}:host .mdc-banner{--mdc-theme-surface: var(--mdc-theme-surface-neutral);background-color:var(--mdc-theme-surface)}:host .mdc-banner .mdc-banner__graphic{--mdc-theme-surface: var(--mdc-theme-text-icon-on-background)}:host .mdc-banner .mdc-banner__text{color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__text .mdc-typography--body2{font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:700;line-height:var(--mdc-typography-body2-line-height)}:host .mdc-banner .mdc-banner__text .mdc-typography--body1{color:var(--mdc-theme-text-secondary-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)}:host .mdc-banner.caution{--mdc-theme-surface: var(--mdc-theme-surface-caution)}:host .mdc-banner.caution.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-caution-highlight)}:host .mdc-banner.caution.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.caution.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-caution);--mdc-theme-text-primary-on-background: var(--mdc-theme-caution)}:host .mdc-banner.negative{--mdc-theme-surface: var(--mdc-theme-surface-negative)}:host .mdc-banner.negative.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-negative-highlight)}:host .mdc-banner.negative.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.negative.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-negative);--mdc-theme-text-primary-on-background: var(--mdc-theme-negative)}:host .mdc-banner.active{--mdc-theme-surface: var(--mdc-theme-surface-secondary)}:host .mdc-banner.active.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-secondary-highlight)}:host .mdc-banner.active.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.active.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-secondary);--mdc-theme-text-primary-on-background: var(--mdc-theme-secondary)}:host .mdc-banner.positive{--mdc-theme-surface: var(--mdc-theme-surface-positive)}:host .mdc-banner.positive.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-positive-highlight)}:host .mdc-banner.positive.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.positive.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-positive);--mdc-theme-text-primary-on-background: var(--mdc-theme-positive)}:host .mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity .28s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}:host .mdc-banner{border-radius:8px;position:relative;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;overflow:hidden;border:none}:host .mdc-banner .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}:host .mdc-banner .mdc-banner__content{max-width:inherit}:host .mdc-banner .mdc-banner__graphic{background:none;margin-left:24px;width:24px}:host .mdc-banner .mdc-banner__text{margin-left:24px}:host .mdc-banner .mdc-banner__actions{align-self:center;align-items:center}:host .mdc-banner.cv-banner--inline{border-radius:0;box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}:host ::slotted(*){margin-left:8px}
|
19
|
-
|
20
|
-
|
21
|
-
`];exports.CovalentAlert=y([m.e("cv-alert")],exports.CovalentAlert);const w=exports.CovalentAlert;exports.default=w;
|
18
|
+
</div>`}createAdapter(){return{...l.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,o)=>{this.mdcRoot.style.setProperty(e,o)},trapFocus:()=>{},releaseFocus:()=>{},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(b.events.ACTION_CLICKED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosed:()=>{},notifyClosing:()=>{this.open=!1},notifyOpened:()=>{},notifyOpening:()=>{this.open=!0}}}show(){this.open=!0}close(e=b.CloseReason.UNSPECIFIED){this.reason=e,this.open=!1}async firstUpdated(){this.mdcFoundation!==void 0&&this.mdcFoundation.destroy(),this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.open&&this.mdcFoundation.open()}}a([h.i(".mdc-banner")],n.prototype,"mdcRoot");a([h.i(".mdc-banner__content")],n.prototype,"mdcContent");a([c.n({type:Boolean,reflect:!0}),p.observer(function(r){this.mdcFoundation&&(r?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=b.CloseReason.UNSPECIFIED))})],n.prototype,"open");a([c.n({type:String})],n.prototype,"titleText");a([c.n({type:String})],n.prototype,"descriptionText");a([c.n({type:String})],n.prototype,"icon");a([c.n({type:String})],n.prototype,"iconAriaLabel");a([c.n({type:Boolean})],n.prototype,"inline");a([c.n()],n.prototype,"state");const f=":host .mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}:host .mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:100%}}:host .mdc-banner__content{max-width:720px}:host .mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){:host .mdc-banner .mdc-banner__fixed{left:0;right:0}:host .mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] :host .mdc-banner .mdc-banner__text,:host .mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] :host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}:host .mdc-banner--opening,:host .mdc-banner--open,:host .mdc-banner--closing{display:flex}:host .mdc-banner--open{transition:height .3s ease}:host .mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}:host .mdc-banner--closing{transition:height .25s ease}:host .mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}:host .mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}:host .mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}:host .mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}:host .mdc-banner__graphic-text-wrapper{display:flex;width:100%}:host .mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] :host .mdc-banner__graphic,:host .mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}:host .mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}:host .mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] :host .mdc-banner__text,:host .mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}:host .mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] :host .mdc-banner__actions,:host .mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}:host .mdc-banner{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff);border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12));border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px);border-radius:0;border-radius:var(--mdc-banner-container-shape, 0)}:host .mdc-banner .mdc-banner__text{color:#000;color:var(--mdc-banner-supporting-text-color, #000)}:host .mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;letter-spacing:var(--mdc-banner-supporting-text-tracking, .0178571429em);font-size:.875rem;font-size:var(--mdc-banner-supporting-text-size, .875rem);font-family:Roboto,sans-serif;font-family:var(--mdc-banner-supporting-text-font, Roboto, sans-serif);font-weight:400;font-weight:var(--mdc-banner-supporting-text-weight, 400);line-height:1.25rem;line-height:var(--mdc-banner-supporting-text-line-height, 1.25rem)}:host .mdc-banner .mdc-banner__graphic{border-radius:50%;border-radius:var(--mdc-banner-with-image-image-shape, 50%)}:host .mdc-banner .mdc-banner__graphic{height:40px;height:var(--mdc-banner-with-image-image-size, 40px);width:40px;width:var(--mdc-banner-with-image-image-size, 40px)}:host .mdc-banner .mdc-banner__fixed{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff)}:host .mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12))}:host .mdc-banner .mdc-banner__fixed{border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px)}:host .mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, var(--mdc-banner-action-label-text-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:before{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-banner-action-hover-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-pressed-state-layer-color, var(--mdc-banner-action-pressed-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button:hover .mdc-button__ripple:before,:host .mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, var(--mdc-banner-action-hover-state-layer-opacity, .04))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, var(--mdc-banner-action-focus-state-layer-opacity, .12))}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] :host .mdc-banner__secondary-action,:host .mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}:host .mdc-banner{--mdc-theme-surface: var(--mdc-theme-surface-neutral);background-color:var(--mdc-theme-surface)}:host .mdc-banner .mdc-banner__graphic{--mdc-theme-surface: var(--mdc-theme-text-icon-on-background)}:host .mdc-banner .mdc-banner__text{color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__text .mdc-typography--body2{font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:700;line-height:var(--mdc-typography-body2-line-height)}:host .mdc-banner .mdc-banner__text .mdc-typography--body1{color:var(--mdc-theme-text-secondary-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)}:host .mdc-banner.caution{--mdc-theme-surface: var(--mdc-theme-surface-caution)}:host .mdc-banner.caution.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-caution-highlight)}:host .mdc-banner.caution.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.caution.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-caution);--mdc-theme-text-primary-on-background: var(--mdc-theme-caution)}:host .mdc-banner.negative{--mdc-theme-surface: var(--mdc-theme-surface-negative)}:host .mdc-banner.negative.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-negative-highlight)}:host .mdc-banner.negative.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.negative.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-negative);--mdc-theme-text-primary-on-background: var(--mdc-theme-negative)}:host .mdc-banner.active{--mdc-theme-surface: var(--mdc-theme-surface-secondary)}:host .mdc-banner.active.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-secondary-highlight)}:host .mdc-banner.active.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.active.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-secondary);--mdc-theme-text-primary-on-background: var(--mdc-theme-secondary)}:host .mdc-banner.positive{--mdc-theme-surface: var(--mdc-theme-surface-positive)}:host .mdc-banner.positive.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-positive-highlight)}:host .mdc-banner.positive.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.positive.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-positive);--mdc-theme-text-primary-on-background: var(--mdc-theme-positive)}:host .mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity .28s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}:host .mdc-banner{border-radius:8px;position:relative;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;overflow:hidden;border:none}:host .mdc-banner .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}:host .mdc-banner .mdc-banner__content{max-width:inherit}:host .mdc-banner .mdc-banner__graphic{background:none;margin-left:24px;width:24px}:host .mdc-banner .mdc-banner__text{margin-left:24px}:host .mdc-banner .mdc-banner__actions{align-self:center;align-items:center}:host .mdc-banner.cv-banner--inline{border-radius:0;box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}:host ::slotted(*){margin-left:8px}";var u=Object.defineProperty,_=Object.getOwnPropertyDescriptor,x=(r,e,o,m)=>{for(var t=m>1?void 0:m?_(e,o):e,i=r.length-1,d;i>=0;i--)(d=r[i])&&(t=(m?d(e,o,t):d(t))||t);return m&&t&&u(e,o,t),t};exports.CovalentAlert=class extends n{};exports.CovalentAlert.styles=[s.i`
|
19
|
+
${s.r(f)}
|
20
|
+
`];exports.CovalentAlert=x([s.e("cv-alert")],exports.CovalentAlert);const y=exports.CovalentAlert;exports.default=y;
|
package/alert.mjs
CHANGED
@@ -1,17 +1,14 @@
|
|
1
|
-
import { s as l, x as b, i as g, r as f, e as v } from "./query-assigned-elements-
|
2
|
-
import { a as _ } from "./utils-
|
3
|
-
import { o as u } from "./observer-
|
4
|
-
import {
|
5
|
-
import { o as w } from "./class-map-
|
6
|
-
import { n as
|
7
|
-
import { i as p } from "./query-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
for (var t = a > 1 ? void 0 : a ? C(e, r) : e, c = i.length - 1, d; c >= 0; c--)
|
13
|
-
(d = i[c]) && (t = (a ? d(e, r, t) : d(t)) || t);
|
14
|
-
return a && t && k(e, r, t), t;
|
1
|
+
import { s as l, x as b, i as g, r as f, e as v } from "./query-assigned-elements-DCt2xozt.mjs";
|
2
|
+
import { a as _ } from "./utils-Dr5MegQq.mjs";
|
3
|
+
import { o as u } from "./observer-DQ8OfVDQ.mjs";
|
4
|
+
import { M as x, C as h, e as y } from "./foundation-qQ4jzaAu.mjs";
|
5
|
+
import { o as w } from "./class-map-C1SJpero.mjs";
|
6
|
+
import { n as c } from "./property-DJzm_oB9.mjs";
|
7
|
+
import { i as p } from "./query-BBDQWsft.mjs";
|
8
|
+
var k = Object.defineProperty, r = (a, e, o, s) => {
|
9
|
+
for (var t = void 0, i = a.length - 1, d; i >= 0; i--)
|
10
|
+
(d = a[i]) && (t = d(e, o, t) || t);
|
11
|
+
return t && k(e, o, t), t;
|
15
12
|
};
|
16
13
|
class n extends l {
|
17
14
|
constructor() {
|
@@ -53,8 +50,8 @@ class n extends l {
|
|
53
50
|
return {
|
54
51
|
..._(this.mdcRoot),
|
55
52
|
getContentHeight: () => this.mdcContent.offsetHeight,
|
56
|
-
setStyleProperty: (e,
|
57
|
-
this.mdcRoot.style.setProperty(e,
|
53
|
+
setStyleProperty: (e, o) => {
|
54
|
+
this.mdcRoot.style.setProperty(e, o);
|
58
55
|
},
|
59
56
|
trapFocus: () => {
|
60
57
|
},
|
@@ -91,55 +88,54 @@ class n extends l {
|
|
91
88
|
this.mdcFoundation !== void 0 && this.mdcFoundation.destroy(), this.mdcFoundation = new this.mdcFoundationClass(this.createAdapter()), this.open && this.mdcFoundation.open();
|
92
89
|
}
|
93
90
|
}
|
94
|
-
|
91
|
+
r([
|
95
92
|
p(".mdc-banner")
|
96
|
-
], n.prototype, "mdcRoot"
|
97
|
-
|
93
|
+
], n.prototype, "mdcRoot");
|
94
|
+
r([
|
98
95
|
p(".mdc-banner__content")
|
99
|
-
], n.prototype, "mdcContent"
|
100
|
-
|
101
|
-
|
102
|
-
u(function(
|
103
|
-
this.mdcFoundation && (
|
96
|
+
], n.prototype, "mdcContent");
|
97
|
+
r([
|
98
|
+
c({ type: Boolean, reflect: !0 }),
|
99
|
+
u(function(a) {
|
100
|
+
this.mdcFoundation && (a ? this.mdcFoundation.open() : (this.mdcFoundation.close(this.reason), this.reason = h.UNSPECIFIED));
|
104
101
|
})
|
105
|
-
], n.prototype, "open"
|
106
|
-
|
107
|
-
|
108
|
-
], n.prototype, "titleText"
|
109
|
-
|
110
|
-
|
111
|
-
], n.prototype, "descriptionText"
|
112
|
-
|
113
|
-
|
114
|
-
], n.prototype, "icon"
|
115
|
-
|
116
|
-
|
117
|
-
], n.prototype, "iconAriaLabel"
|
118
|
-
|
119
|
-
|
120
|
-
], n.prototype, "inline"
|
121
|
-
|
122
|
-
|
123
|
-
], n.prototype, "state"
|
124
|
-
const
|
125
|
-
|
126
|
-
var
|
127
|
-
|
128
|
-
|
129
|
-
return a && t && z(e, r, t), t;
|
102
|
+
], n.prototype, "open");
|
103
|
+
r([
|
104
|
+
c({ type: String })
|
105
|
+
], n.prototype, "titleText");
|
106
|
+
r([
|
107
|
+
c({ type: String })
|
108
|
+
], n.prototype, "descriptionText");
|
109
|
+
r([
|
110
|
+
c({ type: String })
|
111
|
+
], n.prototype, "icon");
|
112
|
+
r([
|
113
|
+
c({ type: String })
|
114
|
+
], n.prototype, "iconAriaLabel");
|
115
|
+
r([
|
116
|
+
c({ type: Boolean })
|
117
|
+
], n.prototype, "inline");
|
118
|
+
r([
|
119
|
+
c()
|
120
|
+
], n.prototype, "state");
|
121
|
+
const C = ":host .mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}:host .mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:100%}}:host .mdc-banner__content{max-width:720px}:host .mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){:host .mdc-banner .mdc-banner__fixed{left:0;right:0}:host .mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] :host .mdc-banner .mdc-banner__text,:host .mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] :host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}:host .mdc-banner--opening,:host .mdc-banner--open,:host .mdc-banner--closing{display:flex}:host .mdc-banner--open{transition:height .3s ease}:host .mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}:host .mdc-banner--closing{transition:height .25s ease}:host .mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}:host .mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}:host .mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}:host .mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}:host .mdc-banner__graphic-text-wrapper{display:flex;width:100%}:host .mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] :host .mdc-banner__graphic,:host .mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}:host .mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}:host .mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] :host .mdc-banner__text,:host .mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}:host .mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] :host .mdc-banner__actions,:host .mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}:host .mdc-banner{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff);border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12));border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px);border-radius:0;border-radius:var(--mdc-banner-container-shape, 0)}:host .mdc-banner .mdc-banner__text{color:#000;color:var(--mdc-banner-supporting-text-color, #000)}:host .mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;letter-spacing:var(--mdc-banner-supporting-text-tracking, .0178571429em);font-size:.875rem;font-size:var(--mdc-banner-supporting-text-size, .875rem);font-family:Roboto,sans-serif;font-family:var(--mdc-banner-supporting-text-font, Roboto, sans-serif);font-weight:400;font-weight:var(--mdc-banner-supporting-text-weight, 400);line-height:1.25rem;line-height:var(--mdc-banner-supporting-text-line-height, 1.25rem)}:host .mdc-banner .mdc-banner__graphic{border-radius:50%;border-radius:var(--mdc-banner-with-image-image-shape, 50%)}:host .mdc-banner .mdc-banner__graphic{height:40px;height:var(--mdc-banner-with-image-image-size, 40px);width:40px;width:var(--mdc-banner-with-image-image-size, 40px)}:host .mdc-banner .mdc-banner__fixed{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff)}:host .mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12))}:host .mdc-banner .mdc-banner__fixed{border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px)}:host .mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, var(--mdc-banner-action-label-text-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:before{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-banner-action-hover-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-pressed-state-layer-color, var(--mdc-banner-action-pressed-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button:hover .mdc-button__ripple:before,:host .mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, var(--mdc-banner-action-hover-state-layer-opacity, .04))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, var(--mdc-banner-action-focus-state-layer-opacity, .12))}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] :host .mdc-banner__secondary-action,:host .mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}:host .mdc-banner{--mdc-theme-surface: var(--mdc-theme-surface-neutral);background-color:var(--mdc-theme-surface)}:host .mdc-banner .mdc-banner__graphic{--mdc-theme-surface: var(--mdc-theme-text-icon-on-background)}:host .mdc-banner .mdc-banner__text{color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__text .mdc-typography--body2{font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:700;line-height:var(--mdc-typography-body2-line-height)}:host .mdc-banner .mdc-banner__text .mdc-typography--body1{color:var(--mdc-theme-text-secondary-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)}:host .mdc-banner.caution{--mdc-theme-surface: var(--mdc-theme-surface-caution)}:host .mdc-banner.caution.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-caution-highlight)}:host .mdc-banner.caution.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.caution.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-caution);--mdc-theme-text-primary-on-background: var(--mdc-theme-caution)}:host .mdc-banner.negative{--mdc-theme-surface: var(--mdc-theme-surface-negative)}:host .mdc-banner.negative.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-negative-highlight)}:host .mdc-banner.negative.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.negative.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-negative);--mdc-theme-text-primary-on-background: var(--mdc-theme-negative)}:host .mdc-banner.active{--mdc-theme-surface: var(--mdc-theme-surface-secondary)}:host .mdc-banner.active.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-secondary-highlight)}:host .mdc-banner.active.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.active.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-secondary);--mdc-theme-text-primary-on-background: var(--mdc-theme-secondary)}:host .mdc-banner.positive{--mdc-theme-surface: var(--mdc-theme-surface-positive)}:host .mdc-banner.positive.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-positive-highlight)}:host .mdc-banner.positive.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.positive.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-positive);--mdc-theme-text-primary-on-background: var(--mdc-theme-positive)}:host .mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity .28s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}:host .mdc-banner{border-radius:8px;position:relative;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;overflow:hidden;border:none}:host .mdc-banner .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}:host .mdc-banner .mdc-banner__content{max-width:inherit}:host .mdc-banner .mdc-banner__graphic{background:none;margin-left:24px;width:24px}:host .mdc-banner .mdc-banner__text{margin-left:24px}:host .mdc-banner .mdc-banner__actions{align-self:center;align-items:center}:host .mdc-banner.cv-banner--inline{border-radius:0;box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}:host ::slotted(*){margin-left:8px}";
|
122
|
+
var F = Object.defineProperty, z = Object.getOwnPropertyDescriptor, $ = (a, e, o, s) => {
|
123
|
+
for (var t = s > 1 ? void 0 : s ? z(e, o) : e, i = a.length - 1, d; i >= 0; i--)
|
124
|
+
(d = a[i]) && (t = (s ? d(e, o, t) : d(t)) || t);
|
125
|
+
return s && t && F(e, o, t), t;
|
130
126
|
};
|
131
127
|
let m = class extends n {
|
132
128
|
};
|
133
129
|
m.styles = [
|
134
130
|
g`
|
135
|
-
${f(
|
131
|
+
${f(C)}
|
136
132
|
`
|
137
133
|
];
|
138
134
|
m = $([
|
139
135
|
v("cv-alert")
|
140
136
|
], m);
|
141
|
-
const
|
137
|
+
const D = m;
|
142
138
|
export {
|
143
139
|
m as CovalentAlert,
|
144
|
-
|
140
|
+
D as default
|
145
141
|
};
|
package/app-shell.js
CHANGED
@@ -1,5 +1,4 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-f623705d.js"),n=require("./property-57f6f6fe.js"),c=require("./class-map-0a4c6ca9.js"),p=require("./mwc-drawer-base-bbae43c3.js");require("./top-app-bar-fixed.js");require("./icon-button.js");require("./card.js");require("./directive-1186bc23.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("./mwc-top-app-bar-base-8c8cde51.js");require("./top-app-bar-a531c1b4.js");require("./ripple-handlers-9fb4a31a.js");require("./state-0974a8e5.js");require("./style-map-a135c6ab.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");const h=`.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle,.mdc-drawer .mdc-deprecated-list-item__graphic{color:#0009}.mdc-drawer .mdc-deprecated-list-item{color:#000000de}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:#6200eede}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:40px;margin:8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translate(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translate(100%)}.mdc-drawer--opening{transform:translate(0);transition-duration:.25s}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--closing{transform:translate(-100%);transition-duration:.2s}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title:before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title:after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:.25s;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:.2s;opacity:0}:host{--cv-border-radius-outer: 28px}:host .navigation{--mdc-theme-surface: var(--mdc-theme-background);--mdc-list-vertical-padding: 0;--cv-list-padding-right: 0;--cv-list-padding-left: 12px;--cv-list-item-border-radius: 100px;--cv-list-item-width: 48px;--cv-list-item-height: 48px;--cv-list-item-graphic-margin-left: 0;--cv-list-menu-height: 0;--cv-list-item-expansion-icon-size: 0;--cv-list-item-selected-background-color: var(--cv-theme-primary-24);--cv-list-item-selected-color: var(--cv-theme-primary)}:host([open]) .navigation{--cv-list-padding-right: 12px;--cv-list-padding-left: 12px;--cv-list-item-width: 100%;--cv-list-item-height: inherit;--cv-list-item-graphic-margin-left: 0;--cv-list-item-expansion-icon-margin: -24px;--cv-list-item-expansion-icon-size: 24px;--cv-list-menu-height: inherit;--cv-list-item-selected-background-color: var( --cv-theme-on-surface-variant-8 );--cv-list-item-selected-color: var(--cv-theme-on-surface-variant)}@media only screen and (max-width: 768px){:host([helpOpen]) .app-shell,:host([helpOpen]) .main{height:100vh;overflow:hidden}}.app-shell{--mdc-theme-surface: var(--mdc-theme-background);background-color:var(--mdc-theme-background);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100%}.app-shell:after{content:"";position:fixed;top:0;height:2px;width:100%;z-index:1000;background-color:#ff5f02}@media only screen and (min-width: 768px){.app-shell{position:fixed;width:100%}}.app-shell .main-wrapper>:host(cv-card) .mdc-card{border-radius:var(--cv-border-radius-outer)}.cov-help--resizing .main,.cov-help--resizing .help{transition-duration:0ms}.main{height:100vh;grid-area:main;overflow:auto;transition:margin-left .2s ease-in-out,margin-right .2s ease-in-out}.main .main-wrapper{margin:0 auto;max-width:1200px}.cov-content--full-width .main .main-wrapper{margin:0;width:100%;max-width:100%}.main cv-card{margin:0 0 12px;display:block}.main cv-card.wrapper-card{--mdc-shape-medium: var(--cv-border-radius-outer)}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px;padding-right:24px}:not(.cov-drawer--forced-open) .main{margin-left:72px;padding-right:24px}.cov-drawer--open .main{margin-left:256px;padding-right:24px}.cov-help--open .main{margin-right:var(--cv-help-width, 320px);padding-right:0}}@media only screen and (max-width: 1600px){.main .main-wrapper{max-width:960px}}.help{grid-area:help;position:fixed;right:0;width:var(--cv-help-width, 320px);transition:width .2s;height:100vh;overflow-y:auto}.help .resize-handle{position:absolute;left:0;width:8px;height:100vh;cursor:ew-resize;z-index:1100;-webkit-user-select:none;user-select:none}.help .resize-handle:after{content:"";position:absolute;left:1px;top:0;width:4px;height:100%;background-color:var(--mdc-theme-primary);transform:translate(-50%);transition:opacity .3s ease;opacity:0}.help .resize-handle:hover:after,.help .resize-handle.helpResizable:after{opacity:1}.help :host([helpResizable]) .resize-handle{display:block}.help :host(:not([helpResizable])) .resize-handle{display:none}.cov-help--closed .help{width:0;border:none}@media only screen and (max-width: 768px){.help{background-color:var(--mdc-theme-surface);width:100%;z-index:100}}.current-section{align-items:center;display:flex;font-size:var(--mdc-typography-body2-font-size);font-family:var(--mdc-typography-body2-font-family);color:var(--cv-theme-on-surface);font-weight:600;justify-content:flex-start;overflow:hidden;min-height:48px;padding:8px 16px 8px 12px;position:relative;text-align:left}.current-section .current-section-name{opacity:0;transition:opacity .2s}:host([open]) .current-section .current-section-name{opacity:1}[name=user-menu]{position:sticky;top:0;display:block;z-index:1}[name=mini-list]{display:none;width:320px;height:100vh}@media only screen and (min-width: 768px){.cov-appshell--minilist [name=mini-list]{display:block}:not(.cov-drawer--forced-open) [name=mini-list]{margin-left:72px}}@media only screen and (max-width: 1000px){[name=mini-list]{display:none}}nav.navigation{grid-area:nav;height:100vh;overflow-y:auto;border-right:0;position:fixed;background-color:var(--mdc-theme-background)}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{display:flex;align-items:center;position:sticky;top:0;background-color:var(--mdc-theme-background);z-index:2;padding-left:var(--cv-list-padding-left, 0)}nav.navigation slot[name=logo]{display:block}nav.navigation slot[name=navigation]{margin-top:8px;display:block}:not(.cov-drawer--forced-open) nav.navigation,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing{top:0;left:0;bottom:0}:not(.cov-drawer--forced-open) nav.navigation slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing slot[name=logo]{transition:all .2s;opacity:0}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:0;margin-right:0}nav.navigation.mdc-drawer--open slot[name=logo]{opacity:1}.cov-drawer--hovered nav.navigation{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;background-color:var(--mdc-theme-surface)}[divider]{border-bottom:1px solid;margin:16px;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){nav.navigation{display:flex;flex-direction:column;transition-property:width;transform:none}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open,.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none}}
|
2
|
-
`;var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,a=(l,e,t,r)=>{for(var o=r>1?void 0:r?g(e,t):e,d=l.length-1,s;d>=0;d--)(s=l[d])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&m(e,t,o),o};exports.CovalentAppShell=class extends p.DrawerBase{constructor(){super(),this.element=document.querySelector(".help"),this.helpWidth=0,this._resizing=!1,this.appName="",this.sectionName="",this.drawerOpen=!1,this.helpOpen=!1,this.helpResizable=!1,this.contained=!1,this.forcedOpen=!1,this.fullWidth=!1,this.hovered=!1,this.hoverEntryDuration=250,this.hoverExitDuration=250,this._handleNavMouseOver=()=>{this.hovered=!0,clearTimeout(this.hoverTimeout),!this.open&&!this.forcedOpen&&(this.hoverTimeout=setTimeout(()=>{this.hovered&&this._toggleOpen()},this.hoverEntryDuration))},this._handleNavMouseOut=()=>{this.hovered=!1,clearTimeout(this.hoverTimeout),this.open&&!this.forcedOpen&&(this.hoverTimeout=setTimeout(()=>{this.hovered||this._toggleOpen()},this.hoverExitDuration))},this.resizeEvent(),this._resize=this._resize.bind(this),this._stopResize=this._stopResize.bind(this),this._startResizing=this._startResizing.bind(this),this._setupEventListeners(),window.addEventListener("DOMContentLoaded",()=>{this.setupHelpPanelListeners();const e=localStorage.getItem("helpWidth");e&&(this.helpWidth=parseInt(e,10),this.updateHelpPanelWidth())})}setupHelpPanelListeners(){const e=document.querySelector(".help-item"),t=document.querySelector(".help-close");e==null||e.addEventListener("click",()=>{this.toggleHelpPanel()}),t==null||t.addEventListener("click",()=>{this.toggleHelpPanel(!1)})}toggleHelpPanel(e){if(this.helpOpen=e!==void 0?e:!this.helpOpen,this.helpOpen){const t=localStorage.getItem("helpWidth");this.helpWidth=t?parseInt(t,10):320}else this.helpWidth=0;this.updateHelpPanelWidth(),this.requestUpdate()}_setupEventListeners(){window.addEventListener("DOMContentLoaded",()=>{const e=document.querySelector(".help-item"),t=document.querySelector(".help-close");e==null||e.addEventListener("click",()=>{this.helpOpen=!this.helpOpen,this.helpWidth=this.helpOpen?320:0,this.requestUpdate()}),t==null||t.addEventListener("click",()=>{this.helpOpen=!1,this.helpWidth=0,this.requestUpdate()})})}_startResizing(e){var r;if(!this.helpResizable)return;const t=(r=this.shadowRoot)==null?void 0:r.querySelector(".resize-handle");e.target===t&&(this._startX=e.clientX,this._startWidth=this.helpWidth,this._resizing=!0,document.addEventListener("mousemove",this._resize),document.addEventListener("mouseup",this._stopResize),e.target.classList.add("helpResizable")),t==null||t.addEventListener("dblclick",()=>{(this.helpWidth>320||this.helpWidth!==320)&&(this.helpWidth=320,localStorage.setItem("helpWidth","320"),this.updateHelpPanelWidth(),this.requestUpdate())}),this.requestUpdate()}_resize(e){const t=e.clientX-this._startX,r=window.innerWidth,d=Math.max(320,r-600),s=Math.max(320,Math.min(d,this._startWidth-t));this.helpWidth!==s&&(this.helpWidth=s,localStorage.setItem("helpWidth",this.helpWidth.toString()),this.updateHelpPanelWidth()),e.preventDefault()}_stopResize(){var t;document.removeEventListener("mousemove",this._resize),document.removeEventListener("mouseup",this._stopResize),this._resizing=!1;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".resize-handle");e&&e.classList.remove("helpResizable"),this.requestUpdate()}_toggleOpen(e=!1){this.mdcFoundation.isOpening()||this.mdcFoundation.isClosing()||(this.open=e||!this.open,this.forcedOpen=e,this.dispatchEvent(new Event("CovalentAppShell:toggle",{bubbles:!0,composed:!0})),this.requestUpdate())}updateHelpPanelWidth(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".app-shell");e==null||e.style.setProperty("--cv-help-width",`${this.helpWidth}px`)}_handleMenuClick(){this.mdcRoot.dispatchEvent(new Event("transitionend",{bubbles:!0,composed:!0})),this._toggleOpen(!this.forcedOpen),this.dispatchEvent(new Event("CovalentAppShell:menuClick")),this.hovered=!1}_handleDrawerClosed(){this.forcedOpen=!1,this.hovered=!1,this.requestUpdate()}resizeEvent(){const e=window.matchMedia("(max-width: 767px)");e.matches&&this.type!=="modal"?this.type="modal":!e.matches&&this.type!=="dismissible"&&(this.type="dismissible"),this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.addEventListener("MDCDrawer:closed",this._handleDrawerClosed),window.addEventListener("resize",()=>this.resizeEvent())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("MDCDrawer:closed",this._handleDrawerClosed),window.removeEventListener("resize",this.resizeEvent)}renderSection(){return this.sectionName?i.x`<div class="current-section">
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-4CafVNR8.js"),n=require("./property-DYTC_2-m.js"),c=require("./class-map-C8G1ALWK.js"),p=require("./mwc-drawer-base-D-48lqfn.js");require("./top-app-bar-fixed.js");require("./icon-button.js");require("./card.js");const h='.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle,.mdc-drawer .mdc-deprecated-list-item__graphic{color:#0009}.mdc-drawer .mdc-deprecated-list-item{color:#000000de}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:#6200eede}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:40px;margin:8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translate(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translate(100%)}.mdc-drawer--opening{transform:translate(0);transition-duration:.25s}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--closing{transform:translate(-100%);transition-duration:.2s}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title:before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title:after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:.25s;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:.2s;opacity:0}:host{--cv-border-radius-outer: 28px}:host .navigation{--mdc-theme-surface: var(--mdc-theme-background);--mdc-list-vertical-padding: 0;--cv-list-padding-right: 0;--cv-list-padding-left: 12px;--cv-list-item-border-radius: 100px;--cv-list-item-width: 48px;--cv-list-item-height: 48px;--cv-list-item-graphic-margin-left: 0;--cv-list-menu-height: 0;--cv-list-item-expansion-icon-size: 0;--cv-list-item-selected-background-color: var(--cv-theme-primary-24);--cv-list-item-selected-color: var(--cv-theme-primary)}:host([open]) .navigation{--cv-list-padding-right: 12px;--cv-list-padding-left: 12px;--cv-list-item-width: 100%;--cv-list-item-height: inherit;--cv-list-item-graphic-margin-left: 0;--cv-list-item-expansion-icon-margin: -24px;--cv-list-item-expansion-icon-size: 24px;--cv-list-menu-height: inherit;--cv-list-item-selected-background-color: var( --cv-theme-on-surface-variant-8 );--cv-list-item-selected-color: var(--cv-theme-on-surface-variant)}@media only screen and (max-width: 768px){:host([helpOpen]) .app-shell,:host([helpOpen]) .main{height:100vh;overflow:hidden}}.app-shell{--mdc-theme-surface: var(--mdc-theme-background);background-color:var(--mdc-theme-background);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100%}.app-shell:after{content:"";position:fixed;top:0;height:2px;width:100%;z-index:1000;background-color:#ff5f02}@media only screen and (min-width: 768px){.app-shell{position:fixed;width:100%}}.app-shell .main-wrapper>:host(cv-card) .mdc-card{border-radius:var(--cv-border-radius-outer)}.cov-help--resizing .main,.cov-help--resizing .help{transition-duration:0ms}.main{height:100vh;grid-area:main;overflow:auto;transition:margin-left .2s ease-in-out,margin-right .2s ease-in-out}.main .main-wrapper{margin:0 auto;max-width:1200px}.cov-content--full-width .main .main-wrapper{margin:0;width:100%;max-width:100%}.main cv-card{margin:0 0 12px;display:block}.main cv-card.wrapper-card{--mdc-shape-medium: var(--cv-border-radius-outer)}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px;padding-right:24px}:not(.cov-drawer--forced-open) .main{margin-left:72px;padding-right:24px}.cov-drawer--open .main{margin-left:256px;padding-right:24px}.cov-help--open .main{margin-right:var(--cv-help-width, 320px);padding-right:0}}@media only screen and (max-width: 1600px){.main .main-wrapper{max-width:960px}}.help{grid-area:help;position:fixed;right:0;width:var(--cv-help-width, 320px);transition:width .2s;height:100vh;overflow-y:auto}.help .resize-handle{position:absolute;left:0;width:8px;height:100vh;cursor:ew-resize;z-index:1100;-webkit-user-select:none;user-select:none}.help .resize-handle:after{content:"";position:absolute;left:1px;top:0;width:4px;height:100%;background-color:var(--mdc-theme-primary);transform:translate(-50%);transition:opacity .3s ease;opacity:0}.help .resize-handle:hover:after,.help .resize-handle.helpResizable:after{opacity:1}.help :host([helpResizable]) .resize-handle{display:block}.help :host(:not([helpResizable])) .resize-handle{display:none}.cov-help--closed .help{width:0;border:none}@media only screen and (max-width: 768px){.help{background-color:var(--mdc-theme-surface);width:100%;z-index:100}}.current-section{align-items:center;display:flex;font-size:var(--mdc-typography-body2-font-size);font-family:var(--mdc-typography-body2-font-family);color:var(--cv-theme-on-surface);font-weight:600;justify-content:flex-start;overflow:hidden;min-height:48px;padding:8px 16px 8px 12px;position:relative;text-align:left}.current-section .current-section-name{opacity:0;transition:opacity .2s}:host([open]) .current-section .current-section-name{opacity:1}[name=user-menu]{position:sticky;top:0;display:block;z-index:1}[name=mini-list]{display:none;width:320px;height:100vh}@media only screen and (min-width: 768px){.cov-appshell--minilist [name=mini-list]{display:block}:not(.cov-drawer--forced-open) [name=mini-list]{margin-left:72px}}@media only screen and (max-width: 1000px){[name=mini-list]{display:none}}nav.navigation{grid-area:nav;height:100vh;overflow-y:auto;border-right:0;position:fixed;background-color:var(--mdc-theme-background)}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{display:flex;align-items:center;position:sticky;top:0;background-color:var(--mdc-theme-background);z-index:2;padding-left:var(--cv-list-padding-left, 0)}nav.navigation slot[name=logo]{display:block}nav.navigation slot[name=navigation]{margin-top:8px;display:block}:not(.cov-drawer--forced-open) nav.navigation,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed,:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing{top:0;left:0;bottom:0}:not(.cov-drawer--forced-open) nav.navigation slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closed slot[name=logo],:not(.cov-drawer--forced-open) nav.navigation.mdc-drawer--closing slot[name=logo]{transition:all .2s;opacity:0}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:0;margin-right:0}nav.navigation.mdc-drawer--open slot[name=logo]{opacity:1}.cov-drawer--hovered nav.navigation{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;background-color:var(--mdc-theme-surface)}[divider]{border-bottom:1px solid;margin:16px;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){nav.navigation{display:flex;flex-direction:column;transition-property:width;transform:none}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open,.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none}}';var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,a=(l,e,t,r)=>{for(var o=r>1?void 0:r?g(e,t):e,d=l.length-1,s;d>=0;d--)(s=l[d])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&m(e,t,o),o};exports.CovalentAppShell=class extends p.DrawerBase{constructor(){super(),this.element=document.querySelector(".help"),this.helpWidth=0,this._resizing=!1,this.appName="",this.sectionName="",this.drawerOpen=!1,this.helpOpen=!1,this.helpResizable=!1,this.contained=!1,this.forcedOpen=!1,this.fullWidth=!1,this.hovered=!1,this.hoverEntryDuration=250,this.hoverExitDuration=250,this._handleNavMouseOver=()=>{this.hovered=!0,clearTimeout(this.hoverTimeout),!this.open&&!this.forcedOpen&&(this.hoverTimeout=setTimeout(()=>{this.hovered&&this._toggleOpen()},this.hoverEntryDuration))},this._handleNavMouseOut=()=>{this.hovered=!1,clearTimeout(this.hoverTimeout),this.open&&!this.forcedOpen&&(this.hoverTimeout=setTimeout(()=>{this.hovered||this._toggleOpen()},this.hoverExitDuration))},this.resizeEvent(),this._resize=this._resize.bind(this),this._stopResize=this._stopResize.bind(this),this._startResizing=this._startResizing.bind(this),this._setupEventListeners(),window.addEventListener("DOMContentLoaded",()=>{this.setupHelpPanelListeners();const e=localStorage.getItem("helpWidth");e&&(this.helpWidth=parseInt(e,10),this.updateHelpPanelWidth())})}setupHelpPanelListeners(){const e=document.querySelector(".help-item"),t=document.querySelector(".help-close");e==null||e.addEventListener("click",()=>{this.toggleHelpPanel()}),t==null||t.addEventListener("click",()=>{this.toggleHelpPanel(!1)})}toggleHelpPanel(e){if(this.helpOpen=e!==void 0?e:!this.helpOpen,this.helpOpen){const t=localStorage.getItem("helpWidth");this.helpWidth=t?parseInt(t,10):320}else this.helpWidth=0;this.updateHelpPanelWidth(),this.requestUpdate()}_setupEventListeners(){window.addEventListener("DOMContentLoaded",()=>{const e=document.querySelector(".help-item"),t=document.querySelector(".help-close");e==null||e.addEventListener("click",()=>{this.helpOpen=!this.helpOpen,this.helpWidth=this.helpOpen?320:0,this.requestUpdate()}),t==null||t.addEventListener("click",()=>{this.helpOpen=!1,this.helpWidth=0,this.requestUpdate()})})}_startResizing(e){var r;if(!this.helpResizable)return;const t=(r=this.shadowRoot)==null?void 0:r.querySelector(".resize-handle");e.target===t&&(this._startX=e.clientX,this._startWidth=this.helpWidth,this._resizing=!0,document.addEventListener("mousemove",this._resize),document.addEventListener("mouseup",this._stopResize),e.target.classList.add("helpResizable")),t==null||t.addEventListener("dblclick",()=>{(this.helpWidth>320||this.helpWidth!==320)&&(this.helpWidth=320,localStorage.setItem("helpWidth","320"),this.updateHelpPanelWidth(),this.requestUpdate())}),this.requestUpdate()}_resize(e){const t=e.clientX-this._startX,r=window.innerWidth,d=Math.max(320,r-600),s=Math.max(320,Math.min(d,this._startWidth-t));this.helpWidth!==s&&(this.helpWidth=s,localStorage.setItem("helpWidth",this.helpWidth.toString()),this.updateHelpPanelWidth()),e.preventDefault()}_stopResize(){var t;document.removeEventListener("mousemove",this._resize),document.removeEventListener("mouseup",this._stopResize),this._resizing=!1;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".resize-handle");e&&e.classList.remove("helpResizable"),this.requestUpdate()}_toggleOpen(e=!1){this.mdcFoundation.isOpening()||this.mdcFoundation.isClosing()||(this.open=e||!this.open,this.forcedOpen=e,this.dispatchEvent(new Event("CovalentAppShell:toggle",{bubbles:!0,composed:!0})),this.requestUpdate())}updateHelpPanelWidth(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".app-shell");e==null||e.style.setProperty("--cv-help-width",`${this.helpWidth}px`)}_handleMenuClick(){this.mdcRoot.dispatchEvent(new Event("transitionend",{bubbles:!0,composed:!0})),this._toggleOpen(!this.forcedOpen),this.dispatchEvent(new Event("CovalentAppShell:menuClick")),this.hovered=!1}_handleDrawerClosed(){this.forcedOpen=!1,this.hovered=!1,this.requestUpdate()}resizeEvent(){const e=window.matchMedia("(max-width: 767px)");e.matches&&this.type!=="modal"?this.type="modal":!e.matches&&this.type!=="dismissible"&&(this.type="dismissible"),this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.addEventListener("MDCDrawer:closed",this._handleDrawerClosed),window.addEventListener("resize",()=>this.resizeEvent())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("MDCDrawer:closed",this._handleDrawerClosed),window.removeEventListener("resize",this.resizeEvent)}renderSection(){return this.sectionName?i.x`<div class="current-section">
|
3
2
|
<slot name="section-action"></slot>
|
4
3
|
<span class="current-section-name">${this.sectionName}</span>
|
5
4
|
</div>`:i.A}renderMain(){return this.contained?i.x`<cv-card class="wrapper-card"><slot></slot></cv-card>`:i.x`<slot></slot>`}render(){const e=this.type==="dismissible"||this.type==="modal",t=this.type==="modal",r={"cov-drawer--forced-open":this.forcedOpen,"cov-drawer--open":this.drawerOpen||this.forcedOpen,"cov-drawer--hovered":this.hovered,"cov-help--open":this.helpOpen,"cov-help--closed":!this.helpOpen,"cov-help--resizing":this._resizing,"cov-content--full-width":this.fullWidth},o={"mdc-drawer--dismissible":e,"mdc-drawer--modal":t},d=t?i.x`<div
|