@covalent/components 10.2.1 → 10.4.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-ribbon/action-ribbon-base.d.ts +2 -2
- package/action-ribbon/action-ribbon-base.d.ts.map +1 -1
- package/action-ribbon.js +14 -5
- package/action-ribbon.mjs +41 -29
- package/alert.js +7 -7
- package/alert.mjs +43 -43
- package/button.js +1 -1
- package/button.mjs +5 -5
- package/check-list-item.js +1 -1
- package/check-list-item.mjs +1 -1
- package/{chip-CitHXhY7.js → chip-DmwMNZYy.js} +1 -1
- package/chip-set.js +1 -1
- package/chip-set.mjs +1 -1
- package/{chip-5QP7xPTY.mjs → chip-tQfbvpbh.mjs} +1 -1
- package/chip.js +1 -1
- package/chip.mjs +1 -1
- package/{code-editor-EoSlzBb3.js → code-editor-CryBkPGy.js} +86 -86
- package/{code-editor-BvvYXkIr.mjs → code-editor-XU5DhFbC.mjs} +3886 -3874
- package/code-editor.js +1 -1
- package/code-editor.mjs +1 -1
- package/{html-DqSSPAnI.js → html-CEiNqoVv.js} +1 -1
- package/{html-CA53A8Cb.mjs → html-DW6Y8eLM.mjs} +1 -1
- package/icon-button-toggle.js +8 -8
- package/icon-button-toggle.mjs +6 -6
- package/icon-button.js +2 -2
- package/icon-button.mjs +27 -27
- package/icon-check-toggle.js +1 -1
- package/icon-check-toggle.mjs +1 -1
- package/icon-radio-toggle.js +2 -2
- package/icon-radio-toggle.mjs +13 -13
- package/index.js +1 -1
- package/index.mjs +2 -2
- package/{javascript-oElQTZ_j.mjs → javascript-DzJ0FiwJ.mjs} +1 -1
- package/{javascript-CgCtZnaB.js → javascript-vVCDG6Rm.js} +1 -1
- package/list-item-BIuZJQpK.mjs +11 -0
- package/list-item-V8RaZO6L.js +5 -0
- package/list-item.js +1 -1
- package/list-item.mjs +1 -1
- package/menu.js +3 -3
- package/menu.mjs +17 -17
- package/nav-list-item.js +3 -3
- package/nav-list-item.mjs +20 -20
- package/notebook-cell.js +1 -1
- package/notebook-cell.mjs +1 -1
- package/package.json +1 -1
- package/{python-OoYZIi7A.mjs → python-CddQNZH2.mjs} +1 -1
- package/{python-B3J-bZyn.js → python-DnfGbG5q.js} +1 -1
- package/radio-list-item.js +1 -1
- package/radio-list-item.mjs +1 -1
- package/radio.js +1 -1
- package/radio.mjs +15 -15
- package/select.js +3 -3
- package/select.mjs +7 -7
- package/tab.js +1 -1
- package/tab.mjs +13 -13
- package/text-lockup/text-lockup.d.ts +1 -0
- package/text-lockup/text-lockup.d.ts.map +1 -1
- package/text-lockup.js +1 -1
- package/text-lockup.mjs +3 -2
- package/textarea.js +1 -1
- package/textarea.mjs +1 -1
- package/{textfield-CO6CFCCn.js → textfield-bHWjhOOq.js} +5 -5
- package/{textfield-WSgoABZn.mjs → textfield-i_Whj47J.mjs} +5 -5
- package/textfield.js +1 -1
- package/textfield.mjs +1 -1
- package/theme/_index.scss +8 -0
- package/theme/prebuilt/dark-theme.css +1 -1
- package/theme/prebuilt/dark-theme.css.map +1 -1
- package/theme/prebuilt/light-theme.css +1 -1
- package/theme/prebuilt/light-theme.css.map +1 -1
- package/toolbar.js +1 -1
- package/toolbar.mjs +4 -4
- package/{top-app-bar-BvXNELe9.mjs → top-app-bar-CZ5ILmAf.mjs} +1 -1
- package/{top-app-bar-Cvp1aN42.js → top-app-bar-UVbXY1md.js} +1 -1
- package/top-app-bar-fixed.js +1 -1
- package/top-app-bar-fixed.mjs +1 -1
- package/top-app-bar.js +1 -1
- package/top-app-bar.mjs +1 -1
- package/{typescript-JCYo75i7.js → typescript-BRw9OFm1.js} +1 -1
- package/{typescript-CWRhopRu.mjs → typescript-CdlgcZ3y.mjs} +1 -1
- package/typography.js +2 -2
- package/typography.mjs +5 -5
- package/list-item-BQ6SDTvW.js +0 -5
- package/list-item-DuBDCnZ-.mjs +0 -11
@@ -14,9 +14,9 @@ export declare class ActionRibbonBase extends LitElement {
|
|
14
14
|
iconAriaLabel: string;
|
15
15
|
centered: boolean;
|
16
16
|
/**
|
17
|
-
* The state representation active|negative|positive|caution
|
17
|
+
* The state representation active|negative|positive|caution|loading|pending|checked
|
18
18
|
*/
|
19
|
-
state?: 'active' | 'negative' | 'positive' | 'caution';
|
19
|
+
state?: 'active' | 'negative' | 'positive' | 'caution' | 'loading' | 'pending' | 'checked';
|
20
20
|
protected reason: CloseReason;
|
21
21
|
protected render(): TemplateResult<1>;
|
22
22
|
protected renderIcon(): TemplateResult;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"action-ribbon-base.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/action-ribbon/action-ribbon-base.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAEL,WAAW,EAGZ,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,SAAS,CAAC,aAAa,EAAG,mBAAmB,CAAC;IAC9C,SAAS,CAAC,QAAQ,CAAC,kBAAkB,6BAAuB;IAEtC,SAAS,CAAC,OAAO,EAAG,WAAW,CAAC;IAC5B,SAAS,CAAC,UAAU,EAAG,WAAW,CAAC;IAC5B,SAAS,CAAC,eAAe,EAAG,WAAW,CAAC;IAazE,IAAI,UAAQ;IAEgB,SAAS,SAAM;IAEf,IAAI,SAAM;IACV,aAAa,SAAM;IAElB,QAAQ,UAAQ;IAE7C;;OAEG;IAEH,KAAK,CAAC,
|
1
|
+
{"version":3,"file":"action-ribbon-base.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/action-ribbon/action-ribbon-base.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAEL,WAAW,EAGZ,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,SAAS,CAAC,aAAa,EAAG,mBAAmB,CAAC;IAC9C,SAAS,CAAC,QAAQ,CAAC,kBAAkB,6BAAuB;IAEtC,SAAS,CAAC,OAAO,EAAG,WAAW,CAAC;IAC5B,SAAS,CAAC,UAAU,EAAG,WAAW,CAAC;IAC5B,SAAS,CAAC,eAAe,EAAG,WAAW,CAAC;IAazE,IAAI,UAAQ;IAEgB,SAAS,SAAM;IAEf,IAAI,SAAM;IACV,aAAa,SAAM;IAElB,QAAQ,UAAQ;IAE7C;;OAEG;IAEH,KAAK,CAAC,EACF,QAAQ,GACR,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,CAAC;IAEd,SAAS,CAAC,MAAM,EAAE,WAAW,CAA2B;cAErC,MAAM;IA8BzB,SAAS,CAAC,UAAU,IAAI,cAAc;IAYtC,SAAS,CAAC,aAAa,IAAI,gBAAgB;IA2C3C,cAAc;IACd,IAAI;IAIJ,cAAc;IACd,KAAK,CAAC,MAAM,cAA0B;cAKb,YAAY;CAUtC"}
|
package/action-ribbon.js
CHANGED
@@ -1,5 +1,10 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./query-assigned-elements-BQszEgac.js"),p=require("./utils-wMBJ9n_n.js"),h=require("./observer-N9cgkDqh.js"),t=require("./foundation-sIsx2I_x.js"),g=require("./class-map-PsUYVqvf.js"),
|
2
|
-
<div
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./query-assigned-elements-BQszEgac.js"),p=require("./utils-wMBJ9n_n.js"),h=require("./observer-N9cgkDqh.js"),t=require("./foundation-sIsx2I_x.js"),g=require("./class-map-PsUYVqvf.js"),b=require("./property-BRKnMYJe.js"),l=require("./query-BvlE-gMJ.js");var _=Object.defineProperty,o=(a,e,i,s)=>{for(var n=void 0,c=a.length-1,d;c>=0;c--)(d=a[c])&&(n=d(e,i,n)||n);return n&&_(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",loading:this.state==="loading",pending:this.state==="pending",checked:this.state==="checked","mdc-banner--centered":this.centered};return m.x` <div class="${g.o(e)}" role="banner">
|
2
|
+
<div
|
3
|
+
class="mdc-banner__content"
|
4
|
+
role="alertdialog"
|
5
|
+
aria-live="assertive"
|
6
|
+
aria-label="${this.labelText}"
|
7
|
+
>
|
3
8
|
<div class="mdc-banner__graphic-text-wrapper">
|
4
9
|
${this.icon?this.renderIcon():""}
|
5
10
|
<div class="mdc-banner__text">${this.labelText}</div>
|
@@ -8,10 +13,14 @@
|
|
8
13
|
<slot name="action-items"></slot>
|
9
14
|
</div>
|
10
15
|
</div>
|
11
|
-
</div>`}renderIcon(){return m.x` <div
|
16
|
+
</div>`}renderIcon(){return m.x` <div
|
17
|
+
class="mdc-banner__graphic"
|
18
|
+
role="img"
|
19
|
+
aria-label="${this.iconAriaLabel}"
|
20
|
+
>
|
12
21
|
<slot name="icon">
|
13
22
|
<cv-icon class="mdc-banner__icon"> ${this.icon} </cv-icon>
|
14
23
|
</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()}}i([l.i(".mdc-banner")],r.prototype,"mdcRoot");i([l.i(t.selectors.CONTENT)],r.prototype,"mdcContent");i([l.i(t.selectors.PRIMARY_ACTION)],r.prototype,"primaryActionEl");i([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");i([s.n({type:String})],r.prototype,"labelText");i([s.n({type:String})],r.prototype,"icon");i([s.n({type:String})],r.prototype,"iconAriaLabel");i([s.n({type:Boolean})],r.prototype,"centered");i([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,o,b)=>{for(var n=b>1?void 0:b?f(e,o):e,c=a.length-1,d;c>=0;c--)(d=a[c])&&(n=(b?d(e,o,n):d(n))||n);return b&&n&&v(e,o,n),n};exports.CovalentActionRibbon=class extends r{};exports.CovalentActionRibbon.styles=[m.i`
|
16
|
-
${m.r(
|
24
|
+
</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([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");o([b.n({type:String})],r.prototype,"labelText");o([b.n({type:String})],r.prototype,"icon");o([b.n({type:String})],r.prototype,"iconAriaLabel");o([b.n({type:Boolean})],r.prototype,"centered");o([b.n()],r.prototype,"state");const u='.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-on-surface: var(--cv-theme-on-surface-38);color:var(--mdc-theme-on-surface)}.mdc-banner .mdc-banner__text{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(--cv-theme-caution-8)}.mdc-banner.caution .mdc-banner__graphic,.mdc-banner.caution .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-caution)}.mdc-banner.negative{--cv-action-ribbon-background: var(--cv-theme-negative-8)}.mdc-banner.negative .mdc-banner__graphic,.mdc-banner.negative .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-negative)}.mdc-banner.active{--cv-action-ribbon-background: var(--cv-theme-primary-8)}.mdc-banner.active .mdc-banner__graphic,.mdc-banner.active .mdc-banner__text{--mdc-theme-on-surface: var(--cv-theme-primary)}.mdc-banner.positive{--cv-action-ribbon-background: var(--cv-theme-positive-8)}.mdc-banner.positive .mdc-banner__graphic,.mdc-banner.positive .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-positive)}.mdc-banner.loading .mdc-banner__graphic,.mdc-banner.loading .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-primary)}.mdc-banner.pending .mdc-banner__graphic,.mdc-banner.pending .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-on-surface-variant)}.mdc-banner.checked{--cv-action-ribbon-background: var(--cv-theme-primary-8)}.mdc-banner.checked .mdc-banner__graphic,.mdc-banner.checked .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-on-surface-variant)}::slotted(*){margin-left:8px}.mdc-banner__content{min-height:56px}.mdc-banner__graphic{background-color:transparent;margin-top:8px;margin-bottom:8px;font-variation-settings:"FILL" 1}.mdc-banner__actions{align-self:center}';var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,x=(a,e,i,s)=>{for(var n=s>1?void 0:s?f(e,i):e,c=a.length-1,d;c>=0;c--)(d=a[c])&&(n=(s?d(e,i,n):d(n))||n);return s&&n&&v(e,i,n),n};exports.CovalentActionRibbon=class extends r{};exports.CovalentActionRibbon.styles=[m.i`
|
25
|
+
${m.r(u)}
|
17
26
|
`];exports.CovalentActionRibbon=x([m.e("cv-action-ribbon")],exports.CovalentActionRibbon);const y=exports.CovalentActionRibbon;exports.default=y;
|
package/action-ribbon.mjs
CHANGED
@@ -1,14 +1,14 @@
|
|
1
|
-
import { s as _, x as h, i as
|
1
|
+
import { s as _, x as h, i as f, r as u, e as v } from "./query-assigned-elements-DhyCP_2z.mjs";
|
2
2
|
import { a as x } from "./utils-Dr5MegQq.mjs";
|
3
3
|
import { o as y } from "./observer-DQ8OfVDQ.mjs";
|
4
|
-
import { C as p, M as w, e as
|
5
|
-
import { o as
|
4
|
+
import { C as p, M as w, e as b, s as g } from "./foundation-BYhAXCW_.mjs";
|
5
|
+
import { o as k } from "./class-map-BHl5MHd7.mjs";
|
6
6
|
import { n as d } from "./property-DJzm_oB9.mjs";
|
7
7
|
import { i as l } from "./query-DSO61t36.mjs";
|
8
|
-
var
|
9
|
-
for (var n = void 0,
|
10
|
-
(
|
11
|
-
return n &&
|
8
|
+
var C = Object.defineProperty, r = (a, e, c, m) => {
|
9
|
+
for (var n = void 0, i = a.length - 1, o; i >= 0; i--)
|
10
|
+
(o = a[i]) && (n = o(e, c, n) || n);
|
11
|
+
return n && C(e, c, n), n;
|
12
12
|
};
|
13
13
|
class t extends _ {
|
14
14
|
constructor() {
|
@@ -21,10 +21,18 @@ class t extends _ {
|
|
21
21
|
positive: this.state === "positive",
|
22
22
|
caution: this.state === "caution",
|
23
23
|
active: this.state === "active",
|
24
|
+
loading: this.state === "loading",
|
25
|
+
pending: this.state === "pending",
|
26
|
+
checked: this.state === "checked",
|
24
27
|
"mdc-banner--centered": this.centered
|
25
28
|
};
|
26
|
-
return h` <div class="${
|
27
|
-
<div
|
29
|
+
return h` <div class="${k(e)}" role="banner">
|
30
|
+
<div
|
31
|
+
class="mdc-banner__content"
|
32
|
+
role="alertdialog"
|
33
|
+
aria-live="assertive"
|
34
|
+
aria-label="${this.labelText}"
|
35
|
+
>
|
28
36
|
<div class="mdc-banner__graphic-text-wrapper">
|
29
37
|
${this.icon ? this.renderIcon() : ""}
|
30
38
|
<div class="mdc-banner__text">${this.labelText}</div>
|
@@ -36,7 +44,11 @@ class t extends _ {
|
|
36
44
|
</div>`;
|
37
45
|
}
|
38
46
|
renderIcon() {
|
39
|
-
return h` <div
|
47
|
+
return h` <div
|
48
|
+
class="mdc-banner__graphic"
|
49
|
+
role="img"
|
50
|
+
aria-label="${this.iconAriaLabel}"
|
51
|
+
>
|
40
52
|
<slot name="icon">
|
41
53
|
<cv-icon class="mdc-banner__icon"> ${this.icon} </cv-icon>
|
42
54
|
</slot>
|
@@ -46,7 +58,7 @@ class t extends _ {
|
|
46
58
|
return {
|
47
59
|
...x(this.mdcRoot),
|
48
60
|
getContentHeight: () => this.mdcContent.offsetHeight,
|
49
|
-
setStyleProperty: (e,
|
61
|
+
setStyleProperty: (e, c) => this.mdcRoot.style.setProperty(e, c),
|
50
62
|
trapFocus: () => {
|
51
63
|
var e;
|
52
64
|
return (e = this.primaryActionEl) == null ? void 0 : e.focus();
|
@@ -56,31 +68,31 @@ class t extends _ {
|
|
56
68
|
return (e = this.primaryActionEl) == null ? void 0 : e.blur();
|
57
69
|
},
|
58
70
|
notifyActionClicked: (e) => this.dispatchEvent(
|
59
|
-
new CustomEvent(
|
71
|
+
new CustomEvent(b.ACTION_CLICKED, {
|
60
72
|
bubbles: !0,
|
61
73
|
cancelable: !0,
|
62
74
|
detail: { reason: e }
|
63
75
|
})
|
64
76
|
),
|
65
77
|
notifyClosed: (e) => this.dispatchEvent(
|
66
|
-
new CustomEvent(
|
78
|
+
new CustomEvent(b.CLOSED, {
|
67
79
|
bubbles: !0,
|
68
80
|
cancelable: !0,
|
69
81
|
detail: { reason: e }
|
70
82
|
})
|
71
83
|
),
|
72
84
|
notifyClosing: (e) => this.dispatchEvent(
|
73
|
-
new CustomEvent(
|
85
|
+
new CustomEvent(b.CLOSING, {
|
74
86
|
bubbles: !0,
|
75
87
|
cancelable: !0,
|
76
88
|
detail: { reason: e }
|
77
89
|
})
|
78
90
|
),
|
79
91
|
notifyOpened: () => this.dispatchEvent(
|
80
|
-
new CustomEvent(
|
92
|
+
new CustomEvent(b.OPENED, { bubbles: !0, cancelable: !0 })
|
81
93
|
),
|
82
94
|
notifyOpening: () => this.dispatchEvent(
|
83
|
-
new CustomEvent(
|
95
|
+
new CustomEvent(b.OPENING, { bubbles: !0, cancelable: !0 })
|
84
96
|
)
|
85
97
|
};
|
86
98
|
}
|
@@ -126,24 +138,24 @@ r([
|
|
126
138
|
r([
|
127
139
|
d()
|
128
140
|
], t.prototype, "state");
|
129
|
-
const E =
|
130
|
-
var
|
131
|
-
for (var n = m > 1 ? void 0 : m ?
|
132
|
-
(
|
133
|
-
return m && n &&
|
141
|
+
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-on-surface: var(--cv-theme-on-surface-38);color:var(--mdc-theme-on-surface)}.mdc-banner .mdc-banner__text{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(--cv-theme-caution-8)}.mdc-banner.caution .mdc-banner__graphic,.mdc-banner.caution .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-caution)}.mdc-banner.negative{--cv-action-ribbon-background: var(--cv-theme-negative-8)}.mdc-banner.negative .mdc-banner__graphic,.mdc-banner.negative .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-negative)}.mdc-banner.active{--cv-action-ribbon-background: var(--cv-theme-primary-8)}.mdc-banner.active .mdc-banner__graphic,.mdc-banner.active .mdc-banner__text{--mdc-theme-on-surface: var(--cv-theme-primary)}.mdc-banner.positive{--cv-action-ribbon-background: var(--cv-theme-positive-8)}.mdc-banner.positive .mdc-banner__graphic,.mdc-banner.positive .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-positive)}.mdc-banner.loading .mdc-banner__graphic,.mdc-banner.loading .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-primary)}.mdc-banner.pending .mdc-banner__graphic,.mdc-banner.pending .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-on-surface-variant)}.mdc-banner.checked{--cv-action-ribbon-background: var(--cv-theme-primary-8)}.mdc-banner.checked .mdc-banner__graphic,.mdc-banner.checked .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-on-surface-variant)}::slotted(*){margin-left:8px}.mdc-banner__content{min-height:56px}.mdc-banner__graphic{background-color:transparent;margin-top:8px;margin-bottom:8px;font-variation-settings:"FILL" 1}.mdc-banner__actions{align-self:center}';
|
142
|
+
var F = Object.defineProperty, A = Object.getOwnPropertyDescriptor, I = (a, e, c, m) => {
|
143
|
+
for (var n = m > 1 ? void 0 : m ? A(e, c) : e, i = a.length - 1, o; i >= 0; i--)
|
144
|
+
(o = a[i]) && (n = (m ? o(e, c, n) : o(n)) || n);
|
145
|
+
return m && n && F(e, c, n), n;
|
134
146
|
};
|
135
|
-
let
|
147
|
+
let s = class extends t {
|
136
148
|
};
|
137
|
-
|
138
|
-
|
139
|
-
${
|
149
|
+
s.styles = [
|
150
|
+
f`
|
151
|
+
${u(E)}
|
140
152
|
`
|
141
153
|
];
|
142
|
-
|
154
|
+
s = I([
|
143
155
|
v("cv-action-ribbon")
|
144
|
-
],
|
145
|
-
const S =
|
156
|
+
], s);
|
157
|
+
const S = s;
|
146
158
|
export {
|
147
|
-
|
159
|
+
s as CovalentActionRibbon,
|
148
160
|
S as default
|
149
161
|
};
|
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-BQszEgac.js"),p=require("./utils-wMBJ9n_n.js"),l=require("./observer-N9cgkDqh.js"),h=require("./foundation-sIsx2I_x.js"),v=require("./class-map-PsUYVqvf.js"),d=require("./property-BRKnMYJe.js"),g=require("./state-Csv4sdJA.js"),b=require("./query-BvlE-gMJ.js");require("./icon.js");var u=Object.defineProperty,r=(a,e,o,c)=>{for(var t=void 0,i=a.length-1,m;i>=0;i--)(m=a[i])&&(t=m(e,o,t)||t);return t&&u(e,o,t),t};class n extends s.s{constructor(){super(),this.mdcFoundationClass=h.MDCBannerFoundation,this.currentWidth=0,this.open=!0,this.titleText="",this.descriptionText="",this.icon="",this.iconAriaLabel="",this.inline=!1,this.state="",this.reason=h.CloseReason.UNSPECIFIED,this._resizeObserver=new ResizeObserver(e=>{for(const o of e){const c=o.contentRect.width;c!==this.currentWidth&&(this.currentWidth=c,this.mdcFoundation.layout())}})}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver.disconnect()}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="${v.o(e)}" role="banner">
|
2
2
|
<div
|
3
3
|
class="mdc-banner__content"
|
4
4
|
role="alertdialog"
|
@@ -8,15 +8,15 @@
|
|
8
8
|
<div class="mdc-banner__graphic-text-wrapper">
|
9
9
|
${this.icon?this.renderIcon():""}
|
10
10
|
<div class="mdc-banner__text">
|
11
|
-
<span class="mdc-typography--
|
12
|
-
<div class="mdc-typography--
|
11
|
+
<span class="mdc-typography--body1">${this.titleText}</span>
|
12
|
+
<div class="mdc-typography--body2">${this.descriptionText}</div>
|
13
13
|
</div>
|
14
14
|
</div>
|
15
15
|
<div class="mdc-banner__actions">
|
16
16
|
<slot name="action-items"></slot>
|
17
17
|
</div>
|
18
18
|
</div>
|
19
|
-
</div>`}renderIcon(){return
|
19
|
+
</div>`}renderIcon(){return s.x` <div
|
20
20
|
class="mdc-banner__graphic"
|
21
21
|
role="img"
|
22
22
|
aria-label="${this.iconAriaLabel}"
|
@@ -24,6 +24,6 @@
|
|
24
24
|
<slot name="icon">
|
25
25
|
<cv-icon class="mdc-banner__icon"> ${this.icon} </cv-icon>
|
26
26
|
</slot>
|
27
|
-
</div>`}createAdapter(){return{...p.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,a)=>{this.mdcRoot.style.setProperty(e,a)},trapFocus:()=>{},releaseFocus:()=>{},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(h.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=h.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(),this._resizeObserver.observe(this.mdcGraphicTextWrapper)}}r([b.i(".mdc-banner")],n.prototype,"mdcRoot");r([b.i(".mdc-banner__content")],n.prototype,"mdcContent");r([b.i(".mdc-banner__graphic-text-wrapper")],n.prototype,"mdcGraphicTextWrapper");r([u.t()],n.prototype,"currentWidth");r([d.n({type:Boolean,reflect:!0}),l.observer(function(o){this.mdcFoundation&&(o?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=h.CloseReason.UNSPECIFIED))})],n.prototype,"open");r([d.n({type:String})],n.prototype,"titleText");r([d.n({type:String})],n.prototype,"descriptionText");r([d.n({type:String})],n.prototype,"icon");r([d.n({type:String})],n.prototype,"iconAriaLabel");r([d.n({type:Boolean})],n.prototype,"inline");r([d.n()],n.prototype,"state");const v=":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 _=Object.defineProperty,x=Object.getOwnPropertyDescriptor,y=(o,e,a,i)=>{for(var t=i>1?void 0:i?x(e,a):e,c=o.length-1,s;c>=0;c--)(s=o[c])&&(t=(i?s(e,a,t):s(t))||t);return i&&t&&_(e,a,t),t};exports.CovalentAlert=class extends n{};exports.CovalentAlert.styles=[m.i`
|
28
|
-
${
|
29
|
-
`];exports.CovalentAlert=
|
27
|
+
</div>`}createAdapter(){return{...p.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,o)=>{this.mdcRoot.style.setProperty(e,o)},trapFocus:()=>{},releaseFocus:()=>{},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(h.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=h.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(),this._resizeObserver.observe(this.mdcGraphicTextWrapper)}}r([b.i(".mdc-banner")],n.prototype,"mdcRoot");r([b.i(".mdc-banner__content")],n.prototype,"mdcContent");r([b.i(".mdc-banner__graphic-text-wrapper")],n.prototype,"mdcGraphicTextWrapper");r([g.t()],n.prototype,"currentWidth");r([d.n({type:Boolean,reflect:!0}),l.observer(function(a){this.mdcFoundation&&(a?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=h.CloseReason.UNSPECIFIED))})],n.prototype,"open");r([d.n({type:String})],n.prototype,"titleText");r([d.n({type:String})],n.prototype,"descriptionText");r([d.n({type:String})],n.prototype,"icon");r([d.n({type:String})],n.prototype,"iconAriaLabel");r([d.n({type:Boolean})],n.prototype,"inline");r([d.n()],n.prototype,"state");const y=':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(--cv-theme-surface-container-highest);--mdc-theme-primary: var(--mdc-theme-on-surface);--mdc-theme-text-primary-on-background: var(--cv-theme-on-surface);--mdc-theme-text-secondary-on-background: var(--cv-theme-on-surface);--cv-theme-outline: var(--cv-theme-on-surface);background-color:var(--mdc-theme-surface);color:var(--mdc-theme-text-primary-on-background)}: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:var(--mdc-typography-body2-font-weight);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.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-surface-container)}:host .mdc-banner.caution{--mdc-theme-surface: var(--mdc-theme-caution);--mdc-theme-primary: var(--mdc-theme-on-caution);--mdc-theme-on-primary: var(--mdc-theme-caution);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-caution);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-caution);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-caution);--cv-theme-outline: var(--cv-theme-on-caution)}:host .mdc-banner.caution.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-caution-container);--mdc-theme-primary: var(--mdc-theme-on-caution-container);--mdc-theme-on-primary: var(--mdc-theme-caution-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-caution-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-caution-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-caution-container );--cv-theme-outline: var(--cv-theme-on-caution-container)}:host .mdc-banner.negative{--mdc-theme-surface: var(--mdc-theme-negative);--mdc-theme-primary: var(--mdc-theme-on-negative);--mdc-theme-on-primary: var(--mdc-theme-negative);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-negative);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-negative);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-negative);--cv-theme-outline: var(--cv-theme-on-negative)}:host .mdc-banner.negative.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-negative-container);--mdc-theme-primary: var(--mdc-theme-on-negative-container);--mdc-theme-on-primary: var(--mdc-theme-negative-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-negative-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-negative-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-negative-container );--cv-theme-outline: var(--cv-theme-on-negative-container)}:host .mdc-banner.active{--mdc-theme-surface: var(--mdc-theme-secondary);--mdc-theme-primary: var(--mdc-theme-on-secondary);--mdc-theme-on-primary: var(--mdc-theme-secondary);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-secondary);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-secondary);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-secondary);--cv-theme-outline: var(--cv-theme-on-secondary)}:host .mdc-banner.active.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-secondary-container);--mdc-theme-primary: var(--mdc-theme-on-secondary-container);--mdc-theme-on-primary: var(--mdc-theme-secondary-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-secondary-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-secondary-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-secondary-container );--cv-theme-outline: var(--cv-theme-on-secondary-container)}:host .mdc-banner.positive{--mdc-theme-surface: var(--mdc-theme-positive);--mdc-theme-primary: var(--mdc-theme-on-positive);--mdc-theme-on-primary: var(--mdc-theme-positive);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-positive);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-positive);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-positive);--cv-theme-outline: var(--cv-theme-on-positive)}:host .mdc-banner.positive.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-positive-container);--mdc-theme-primary: var(--mdc-theme-on-positive-container);--mdc-theme-on-primary: var(--mdc-theme-positive-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-positive-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-positive-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-positive-container );--cv-theme-outline: var(--cv-theme-on-positive-container)}: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;font-variation-settings:"FILL" 1}: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 f=Object.defineProperty,x=Object.getOwnPropertyDescriptor,_=(a,e,o,c)=>{for(var t=c>1?void 0:c?x(e,o):e,i=a.length-1,m;i>=0;i--)(m=a[i])&&(t=(c?m(e,o,t):m(t))||t);return c&&t&&f(e,o,t),t};exports.CovalentAlert=class extends n{};exports.CovalentAlert.styles=[s.i`
|
28
|
+
${s.r(y)}
|
29
|
+
`];exports.CovalentAlert=_([s.e("cv-alert")],exports.CovalentAlert);const k=exports.CovalentAlert;exports.default=k;
|
package/alert.mjs
CHANGED
@@ -1,23 +1,23 @@
|
|
1
|
-
import { s as l, x as
|
2
|
-
import { a as
|
3
|
-
import { o as
|
4
|
-
import { C as h, M as x, e as
|
5
|
-
import { o as
|
1
|
+
import { s as l, x as b, i as v, r as g, e as u } from "./query-assigned-elements-DhyCP_2z.mjs";
|
2
|
+
import { a as f } from "./utils-Dr5MegQq.mjs";
|
3
|
+
import { o as y } from "./observer-DQ8OfVDQ.mjs";
|
4
|
+
import { C as h, M as x, e as _ } from "./foundation-BYhAXCW_.mjs";
|
5
|
+
import { o as k } from "./class-map-BHl5MHd7.mjs";
|
6
6
|
import { n as d } from "./property-DJzm_oB9.mjs";
|
7
|
-
import { t as
|
8
|
-
import { i as
|
7
|
+
import { t as w } from "./state-B_tK3mBm.mjs";
|
8
|
+
import { i as p } from "./query-DSO61t36.mjs";
|
9
9
|
import "./icon.mjs";
|
10
|
-
var C = Object.defineProperty, r = (
|
11
|
-
for (var t = void 0,
|
12
|
-
(
|
13
|
-
return t && C(e,
|
10
|
+
var C = Object.defineProperty, r = (a, e, o, c) => {
|
11
|
+
for (var t = void 0, i = a.length - 1, m; i >= 0; i--)
|
12
|
+
(m = a[i]) && (t = m(e, o, t) || t);
|
13
|
+
return t && C(e, o, t), t;
|
14
14
|
};
|
15
15
|
class n extends l {
|
16
16
|
constructor() {
|
17
17
|
super(), this.mdcFoundationClass = x, this.currentWidth = 0, this.open = !0, this.titleText = "", this.descriptionText = "", this.icon = "", this.iconAriaLabel = "", this.inline = !1, this.state = "", this.reason = h.UNSPECIFIED, this._resizeObserver = new ResizeObserver((e) => {
|
18
|
-
for (const
|
19
|
-
const
|
20
|
-
|
18
|
+
for (const o of e) {
|
19
|
+
const c = o.contentRect.width;
|
20
|
+
c !== this.currentWidth && (this.currentWidth = c, this.mdcFoundation.layout());
|
21
21
|
}
|
22
22
|
});
|
23
23
|
}
|
@@ -34,7 +34,7 @@ class n extends l {
|
|
34
34
|
caution: this.state === "caution",
|
35
35
|
active: this.state === "active"
|
36
36
|
};
|
37
|
-
return
|
37
|
+
return b` <div class="${k(e)}" role="banner">
|
38
38
|
<div
|
39
39
|
class="mdc-banner__content"
|
40
40
|
role="alertdialog"
|
@@ -44,8 +44,8 @@ class n extends l {
|
|
44
44
|
<div class="mdc-banner__graphic-text-wrapper">
|
45
45
|
${this.icon ? this.renderIcon() : ""}
|
46
46
|
<div class="mdc-banner__text">
|
47
|
-
<span class="mdc-typography--
|
48
|
-
<div class="mdc-typography--
|
47
|
+
<span class="mdc-typography--body1">${this.titleText}</span>
|
48
|
+
<div class="mdc-typography--body2">${this.descriptionText}</div>
|
49
49
|
</div>
|
50
50
|
</div>
|
51
51
|
<div class="mdc-banner__actions">
|
@@ -56,7 +56,7 @@ class n extends l {
|
|
56
56
|
}
|
57
57
|
/** @soyTemplate */
|
58
58
|
renderIcon() {
|
59
|
-
return
|
59
|
+
return b` <div
|
60
60
|
class="mdc-banner__graphic"
|
61
61
|
role="img"
|
62
62
|
aria-label="${this.iconAriaLabel}"
|
@@ -68,17 +68,17 @@ class n extends l {
|
|
68
68
|
}
|
69
69
|
createAdapter() {
|
70
70
|
return {
|
71
|
-
...
|
71
|
+
...f(this.mdcRoot),
|
72
72
|
getContentHeight: () => this.mdcContent.offsetHeight,
|
73
|
-
setStyleProperty: (e,
|
74
|
-
this.mdcRoot.style.setProperty(e,
|
73
|
+
setStyleProperty: (e, o) => {
|
74
|
+
this.mdcRoot.style.setProperty(e, o);
|
75
75
|
},
|
76
76
|
trapFocus: () => {
|
77
77
|
},
|
78
78
|
releaseFocus: () => {
|
79
79
|
},
|
80
80
|
notifyActionClicked: (e) => this.dispatchEvent(
|
81
|
-
new CustomEvent(
|
81
|
+
new CustomEvent(_.ACTION_CLICKED, {
|
82
82
|
bubbles: !0,
|
83
83
|
cancelable: !0,
|
84
84
|
detail: { reason: e }
|
@@ -109,21 +109,21 @@ class n extends l {
|
|
109
109
|
}
|
110
110
|
}
|
111
111
|
r([
|
112
|
-
|
112
|
+
p(".mdc-banner")
|
113
113
|
], n.prototype, "mdcRoot");
|
114
114
|
r([
|
115
|
-
|
115
|
+
p(".mdc-banner__content")
|
116
116
|
], n.prototype, "mdcContent");
|
117
117
|
r([
|
118
|
-
|
118
|
+
p(".mdc-banner__graphic-text-wrapper")
|
119
119
|
], n.prototype, "mdcGraphicTextWrapper");
|
120
120
|
r([
|
121
|
-
|
121
|
+
w()
|
122
122
|
], n.prototype, "currentWidth");
|
123
123
|
r([
|
124
124
|
d({ type: Boolean, reflect: !0 }),
|
125
|
-
|
126
|
-
this.mdcFoundation && (
|
125
|
+
y(function(a) {
|
126
|
+
this.mdcFoundation && (a ? this.mdcFoundation.open() : (this.mdcFoundation.close(this.reason), this.reason = h.UNSPECIFIED));
|
127
127
|
})
|
128
128
|
], n.prototype, "open");
|
129
129
|
r([
|
@@ -144,24 +144,24 @@ r([
|
|
144
144
|
r([
|
145
145
|
d()
|
146
146
|
], n.prototype, "state");
|
147
|
-
const z = ":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}";
|
148
|
-
var F = Object.defineProperty, O = Object.getOwnPropertyDescriptor, $ = (
|
149
|
-
for (var t =
|
150
|
-
(
|
151
|
-
return
|
147
|
+
const z = ':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(--cv-theme-surface-container-highest);--mdc-theme-primary: var(--mdc-theme-on-surface);--mdc-theme-text-primary-on-background: var(--cv-theme-on-surface);--mdc-theme-text-secondary-on-background: var(--cv-theme-on-surface);--cv-theme-outline: var(--cv-theme-on-surface);background-color:var(--mdc-theme-surface);color:var(--mdc-theme-text-primary-on-background)}: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:var(--mdc-typography-body2-font-weight);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.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-surface-container)}:host .mdc-banner.caution{--mdc-theme-surface: var(--mdc-theme-caution);--mdc-theme-primary: var(--mdc-theme-on-caution);--mdc-theme-on-primary: var(--mdc-theme-caution);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-caution);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-caution);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-caution);--cv-theme-outline: var(--cv-theme-on-caution)}:host .mdc-banner.caution.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-caution-container);--mdc-theme-primary: var(--mdc-theme-on-caution-container);--mdc-theme-on-primary: var(--mdc-theme-caution-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-caution-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-caution-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-caution-container );--cv-theme-outline: var(--cv-theme-on-caution-container)}:host .mdc-banner.negative{--mdc-theme-surface: var(--mdc-theme-negative);--mdc-theme-primary: var(--mdc-theme-on-negative);--mdc-theme-on-primary: var(--mdc-theme-negative);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-negative);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-negative);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-negative);--cv-theme-outline: var(--cv-theme-on-negative)}:host .mdc-banner.negative.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-negative-container);--mdc-theme-primary: var(--mdc-theme-on-negative-container);--mdc-theme-on-primary: var(--mdc-theme-negative-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-negative-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-negative-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-negative-container );--cv-theme-outline: var(--cv-theme-on-negative-container)}:host .mdc-banner.active{--mdc-theme-surface: var(--mdc-theme-secondary);--mdc-theme-primary: var(--mdc-theme-on-secondary);--mdc-theme-on-primary: var(--mdc-theme-secondary);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-secondary);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-secondary);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-secondary);--cv-theme-outline: var(--cv-theme-on-secondary)}:host .mdc-banner.active.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-secondary-container);--mdc-theme-primary: var(--mdc-theme-on-secondary-container);--mdc-theme-on-primary: var(--mdc-theme-secondary-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-secondary-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-secondary-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-secondary-container );--cv-theme-outline: var(--cv-theme-on-secondary-container)}:host .mdc-banner.positive{--mdc-theme-surface: var(--mdc-theme-positive);--mdc-theme-primary: var(--mdc-theme-on-positive);--mdc-theme-on-primary: var(--mdc-theme-positive);--mdc-theme-text-primary-on-background: var(--mdc-theme-on-positive);--mdc-theme-text-secondary-on-background: var(--mdc-theme-on-positive);--mdc-theme-text-icon-on-background: var(--mdc-theme-on-positive);--cv-theme-outline: var(--cv-theme-on-positive)}:host .mdc-banner.positive.cv-banner--inline{--mdc-theme-surface: var(--cv-theme-positive-container);--mdc-theme-primary: var(--mdc-theme-on-positive-container);--mdc-theme-on-primary: var(--mdc-theme-positive-container);--mdc-theme-text-primary-on-background: var( --mdc-theme-on-positive-container );--mdc-theme-text-secondary-on-background: var( --mdc-theme-on-positive-container );--mdc-theme-text-icon-on-background: var( --mdc-theme-on-positive-container );--cv-theme-outline: var(--cv-theme-on-positive-container)}: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;font-variation-settings:"FILL" 1}: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}';
|
148
|
+
var F = Object.defineProperty, O = Object.getOwnPropertyDescriptor, $ = (a, e, o, c) => {
|
149
|
+
for (var t = c > 1 ? void 0 : c ? O(e, o) : e, i = a.length - 1, m; i >= 0; i--)
|
150
|
+
(m = a[i]) && (t = (c ? m(e, o, t) : m(t)) || t);
|
151
|
+
return c && t && F(e, o, t), t;
|
152
152
|
};
|
153
|
-
let
|
153
|
+
let s = class extends n {
|
154
154
|
};
|
155
|
-
|
156
|
-
|
157
|
-
${
|
155
|
+
s.styles = [
|
156
|
+
v`
|
157
|
+
${g(z)}
|
158
158
|
`
|
159
159
|
];
|
160
|
-
|
161
|
-
|
162
|
-
],
|
163
|
-
const
|
160
|
+
s = $([
|
161
|
+
u("cv-alert")
|
162
|
+
], s);
|
163
|
+
const L = s;
|
164
164
|
export {
|
165
|
-
|
166
|
-
|
165
|
+
s as CovalentAlert,
|
166
|
+
L as default
|
167
167
|
};
|