@covalent/components 10.0.0 → 10.0.2-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/alert/alert-base.d.ts +5 -0
- package/alert/alert-base.d.ts.map +1 -1
- package/alert.js +15 -6
- package/alert.mjs +58 -33
- package/package.json +1 -1
package/alert/alert-base.d.ts
CHANGED
|
@@ -5,8 +5,11 @@ import { LitElement, TemplateResult } from 'lit';
|
|
|
5
5
|
export declare class AlertBase extends LitElement {
|
|
6
6
|
protected mdcFoundation: MDCBannerFoundation;
|
|
7
7
|
protected readonly mdcFoundationClass: typeof MDCBannerFoundation;
|
|
8
|
+
private _resizeObserver;
|
|
8
9
|
protected mdcRoot: HTMLElement;
|
|
9
10
|
protected mdcContent: HTMLElement;
|
|
11
|
+
protected mdcGraphicTextWrapper: HTMLElement;
|
|
12
|
+
protected currentWidth: number;
|
|
10
13
|
open: boolean;
|
|
11
14
|
titleText: string;
|
|
12
15
|
descriptionText: string;
|
|
@@ -17,6 +20,8 @@ export declare class AlertBase extends LitElement {
|
|
|
17
20
|
* The state representation active|negative|positive|caution
|
|
18
21
|
*/
|
|
19
22
|
state: string;
|
|
23
|
+
constructor();
|
|
24
|
+
disconnectedCallback(): void;
|
|
20
25
|
protected reason: CloseReason;
|
|
21
26
|
protected render(): TemplateResult<1>;
|
|
22
27
|
/** @soyTemplate */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-base.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/alert/alert-base.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAU,WAAW,EAAU,MAAM,4BAA4B,CAAC;AAEzE,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,qBAAa,SAAU,SAAQ,UAAU;IACvC,SAAS,CAAC,aAAa,EAAG,mBAAmB,CAAC;IAC9C,SAAS,CAAC,QAAQ,CAAC,kBAAkB,6BAAuB;
|
|
1
|
+
{"version":3,"file":"alert-base.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/alert/alert-base.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAU,WAAW,EAAU,MAAM,4BAA4B,CAAC;AAEzE,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,qBAAa,SAAU,SAAQ,UAAU;IACvC,SAAS,CAAC,aAAa,EAAG,mBAAmB,CAAC;IAC9C,SAAS,CAAC,QAAQ,CAAC,kBAAkB,6BAAuB;IAC5D,OAAO,CAAC,eAAe,CAAkB;IAEnB,SAAS,CAAC,OAAO,EAAG,WAAW,CAAC;IACvB,SAAS,CAAC,UAAU,EAAG,WAAW,CAAC;IAElE,SAAS,CAAC,qBAAqB,EAAG,WAAW,CAAC;IACrC,SAAS,CAAC,YAAY,SAAK;IAapC,IAAI,UAAQ;IAEgB,SAAS,SAAM;IACf,eAAe,SAAM;IAErB,IAAI,SAAM;IACV,aAAa,SAAM;IAElB,MAAM,UAAS;IAC5C;;OAEG;IAEH,KAAK,SAAM;;IAiBX,oBAAoB;IAKpB,SAAS,CAAC,MAAM,EAAE,WAAW,CAA2B;cAErC,MAAM;IA8BzB,mBAAmB;IACnB,SAAS,CAAC,UAAU,IAAI,cAAc;IAYtC,SAAS,CAAC,aAAa,IAAI,gBAAgB;IAsC3C,cAAc;IACd,IAAI;IAIJ,cAAc;IACd,KAAK,CAAC,MAAM,cAA0B;cAKb,YAAY;CAWtC"}
|
package/alert.js
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
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"),l=require("./observer-N9cgkDqh.js"),h=require("./foundation-sIsx2I_x.js"),g=require("./class-map-PsUYVqvf.js"),d=require("./property-BRKnMYJe.js"),u=require("./state-Csv4sdJA.js"),b=require("./query-BvlE-gMJ.js");var f=Object.defineProperty,r=(o,e,a,i)=>{for(var t=void 0,c=o.length-1,s;c>=0;c--)(s=o[c])&&(t=s(e,a,t)||t);return t&&f(e,a,t),t};class n extends m.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 a of e){const i=a.contentRect.width;i!==this.currentWidth&&(this.currentWidth=i,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 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.titleText}"
|
|
7
|
+
>
|
|
3
8
|
<div class="mdc-banner__graphic-text-wrapper">
|
|
4
9
|
${this.icon?this.renderIcon():""}
|
|
5
10
|
<div class="mdc-banner__text">
|
|
@@ -11,10 +16,14 @@
|
|
|
11
16
|
<slot name="action-items"></slot>
|
|
12
17
|
</div>
|
|
13
18
|
</div>
|
|
14
|
-
</div>`}renderIcon(){return
|
|
19
|
+
</div>`}renderIcon(){return m.x` <div
|
|
20
|
+
class="mdc-banner__graphic"
|
|
21
|
+
role="img"
|
|
22
|
+
aria-label="${this.iconAriaLabel}"
|
|
23
|
+
>
|
|
15
24
|
<slot name="icon">
|
|
16
25
|
<cv-icon class="mdc-banner__icon"> ${this.icon} </cv-icon>
|
|
17
26
|
</slot>
|
|
18
|
-
</div>`}createAdapter(){return{...l.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,o)=>{this.mdcRoot.style.setProperty(e,o)},trapFocus:()=>{},releaseFocus:()=>{},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(b.events.ACTION_CLICKED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosed:()=>{},notifyClosing:()=>{this.open=!1},notifyOpened:()=>{},notifyOpening:()=>{this.open=!0}}}show(){this.open=!0}close(e=b.CloseReason.UNSPECIFIED){this.reason=e,this.open=!1}async firstUpdated(){this.mdcFoundation!==void 0&&this.mdcFoundation.destroy(),this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.open&&this.mdcFoundation.open()}}a([h.i(".mdc-banner")],n.prototype,"mdcRoot");a([h.i(".mdc-banner__content")],n.prototype,"mdcContent");a([c.n({type:Boolean,reflect:!0}),p.observer(function(r){this.mdcFoundation&&(r?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=b.CloseReason.UNSPECIFIED))})],n.prototype,"open");a([c.n({type:String})],n.prototype,"titleText");a([c.n({type:String})],n.prototype,"descriptionText");a([c.n({type:String})],n.prototype,"icon");a([c.n({type:String})],n.prototype,"iconAriaLabel");a([c.n({type:Boolean})],n.prototype,"inline");a([c.n()],n.prototype,"state");const 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 u=Object.defineProperty,_=Object.getOwnPropertyDescriptor,x=(r,e,o,m)=>{for(var t=m>1?void 0:m?_(e,o):e,i=r.length-1,d;i>=0;i--)(d=r[i])&&(t=(m?d(e,o,t):d(t))||t);return m&&t&&u(e,o,t),t};exports.CovalentAlert=class extends n{};exports.CovalentAlert.styles=[s.i`
|
|
19
|
-
${
|
|
20
|
-
`];exports.CovalentAlert=
|
|
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
|
+
${m.r(v)}
|
|
29
|
+
`];exports.CovalentAlert=y([m.e("cv-alert")],exports.CovalentAlert);const w=exports.CovalentAlert;exports.default=w;
|
package/alert.mjs
CHANGED
|
@@ -1,18 +1,28 @@
|
|
|
1
|
-
import { s as l, x as
|
|
1
|
+
import { s as l, x as p, i as g, r as f, e as v } from "./query-assigned-elements-DhyCP_2z.mjs";
|
|
2
2
|
import { a as _ } from "./utils-Dr5MegQq.mjs";
|
|
3
3
|
import { o as u } from "./observer-DQ8OfVDQ.mjs";
|
|
4
4
|
import { C as h, M as x, e as y } from "./foundation-BYhAXCW_.mjs";
|
|
5
5
|
import { o as w } from "./class-map-BHl5MHd7.mjs";
|
|
6
|
-
import { n as
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
import { n as d } from "./property-DJzm_oB9.mjs";
|
|
7
|
+
import { t as k } from "./state-B_tK3mBm.mjs";
|
|
8
|
+
import { i as b } from "./query-DSO61t36.mjs";
|
|
9
|
+
var C = Object.defineProperty, r = (o, e, a, i) => {
|
|
10
|
+
for (var t = void 0, c = o.length - 1, s; c >= 0; c--)
|
|
11
|
+
(s = o[c]) && (t = s(e, a, t) || t);
|
|
12
|
+
return t && C(e, a, t), t;
|
|
12
13
|
};
|
|
13
14
|
class n extends l {
|
|
14
15
|
constructor() {
|
|
15
|
-
super(
|
|
16
|
+
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) => {
|
|
17
|
+
for (const a of e) {
|
|
18
|
+
const i = a.contentRect.width;
|
|
19
|
+
i !== this.currentWidth && (this.currentWidth = i, this.mdcFoundation.layout());
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
// Cleanup when element is removed
|
|
24
|
+
disconnectedCallback() {
|
|
25
|
+
super.disconnectedCallback(), this._resizeObserver.disconnect();
|
|
16
26
|
}
|
|
17
27
|
render() {
|
|
18
28
|
const e = {
|
|
@@ -23,8 +33,13 @@ class n extends l {
|
|
|
23
33
|
caution: this.state === "caution",
|
|
24
34
|
active: this.state === "active"
|
|
25
35
|
};
|
|
26
|
-
return
|
|
27
|
-
<div
|
|
36
|
+
return p` <div class="${w(e)}" role="banner">
|
|
37
|
+
<div
|
|
38
|
+
class="mdc-banner__content"
|
|
39
|
+
role="alertdialog"
|
|
40
|
+
aria-live="assertive"
|
|
41
|
+
aria-label="${this.titleText}"
|
|
42
|
+
>
|
|
28
43
|
<div class="mdc-banner__graphic-text-wrapper">
|
|
29
44
|
${this.icon ? this.renderIcon() : ""}
|
|
30
45
|
<div class="mdc-banner__text">
|
|
@@ -40,7 +55,11 @@ class n extends l {
|
|
|
40
55
|
}
|
|
41
56
|
/** @soyTemplate */
|
|
42
57
|
renderIcon() {
|
|
43
|
-
return
|
|
58
|
+
return p` <div
|
|
59
|
+
class="mdc-banner__graphic"
|
|
60
|
+
role="img"
|
|
61
|
+
aria-label="${this.iconAriaLabel}"
|
|
62
|
+
>
|
|
44
63
|
<slot name="icon">
|
|
45
64
|
<cv-icon class="mdc-banner__icon"> ${this.icon} </cv-icon>
|
|
46
65
|
</slot>
|
|
@@ -50,8 +69,8 @@ class n extends l {
|
|
|
50
69
|
return {
|
|
51
70
|
..._(this.mdcRoot),
|
|
52
71
|
getContentHeight: () => this.mdcContent.offsetHeight,
|
|
53
|
-
setStyleProperty: (e,
|
|
54
|
-
this.mdcRoot.style.setProperty(e,
|
|
72
|
+
setStyleProperty: (e, a) => {
|
|
73
|
+
this.mdcRoot.style.setProperty(e, a);
|
|
55
74
|
},
|
|
56
75
|
trapFocus: () => {
|
|
57
76
|
},
|
|
@@ -85,57 +104,63 @@ class n extends l {
|
|
|
85
104
|
this.reason = e, this.open = !1;
|
|
86
105
|
}
|
|
87
106
|
async firstUpdated() {
|
|
88
|
-
this.mdcFoundation !== void 0 && this.mdcFoundation.destroy(), this.mdcFoundation = new this.mdcFoundationClass(this.createAdapter()), this.open && this.mdcFoundation.open();
|
|
107
|
+
this.mdcFoundation !== void 0 && this.mdcFoundation.destroy(), this.mdcFoundation = new this.mdcFoundationClass(this.createAdapter()), this.open && this.mdcFoundation.open(), this._resizeObserver.observe(this.mdcGraphicTextWrapper);
|
|
89
108
|
}
|
|
90
109
|
}
|
|
91
110
|
r([
|
|
92
|
-
|
|
111
|
+
b(".mdc-banner")
|
|
93
112
|
], n.prototype, "mdcRoot");
|
|
94
113
|
r([
|
|
95
|
-
|
|
114
|
+
b(".mdc-banner__content")
|
|
96
115
|
], n.prototype, "mdcContent");
|
|
97
116
|
r([
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
117
|
+
b(".mdc-banner__graphic-text-wrapper")
|
|
118
|
+
], n.prototype, "mdcGraphicTextWrapper");
|
|
119
|
+
r([
|
|
120
|
+
k()
|
|
121
|
+
], n.prototype, "currentWidth");
|
|
122
|
+
r([
|
|
123
|
+
d({ type: Boolean, reflect: !0 }),
|
|
124
|
+
u(function(o) {
|
|
125
|
+
this.mdcFoundation && (o ? this.mdcFoundation.open() : (this.mdcFoundation.close(this.reason), this.reason = h.UNSPECIFIED));
|
|
101
126
|
})
|
|
102
127
|
], n.prototype, "open");
|
|
103
128
|
r([
|
|
104
|
-
|
|
129
|
+
d({ type: String })
|
|
105
130
|
], n.prototype, "titleText");
|
|
106
131
|
r([
|
|
107
|
-
|
|
132
|
+
d({ type: String })
|
|
108
133
|
], n.prototype, "descriptionText");
|
|
109
134
|
r([
|
|
110
|
-
|
|
135
|
+
d({ type: String })
|
|
111
136
|
], n.prototype, "icon");
|
|
112
137
|
r([
|
|
113
|
-
|
|
138
|
+
d({ type: String })
|
|
114
139
|
], n.prototype, "iconAriaLabel");
|
|
115
140
|
r([
|
|
116
|
-
|
|
141
|
+
d({ type: Boolean })
|
|
117
142
|
], n.prototype, "inline");
|
|
118
143
|
r([
|
|
119
|
-
|
|
144
|
+
d()
|
|
120
145
|
], n.prototype, "state");
|
|
121
|
-
const
|
|
122
|
-
var F = Object.defineProperty,
|
|
123
|
-
for (var t =
|
|
124
|
-
(
|
|
125
|
-
return
|
|
146
|
+
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}";
|
|
147
|
+
var F = Object.defineProperty, O = Object.getOwnPropertyDescriptor, $ = (o, e, a, i) => {
|
|
148
|
+
for (var t = i > 1 ? void 0 : i ? O(e, a) : e, c = o.length - 1, s; c >= 0; c--)
|
|
149
|
+
(s = o[c]) && (t = (i ? s(e, a, t) : s(t)) || t);
|
|
150
|
+
return i && t && F(e, a, t), t;
|
|
126
151
|
};
|
|
127
152
|
let m = class extends n {
|
|
128
153
|
};
|
|
129
154
|
m.styles = [
|
|
130
155
|
g`
|
|
131
|
-
${f(
|
|
156
|
+
${f(z)}
|
|
132
157
|
`
|
|
133
158
|
];
|
|
134
159
|
m = $([
|
|
135
160
|
v("cv-alert")
|
|
136
161
|
], m);
|
|
137
|
-
const
|
|
162
|
+
const W = m;
|
|
138
163
|
export {
|
|
139
164
|
m as CovalentAlert,
|
|
140
|
-
|
|
165
|
+
W as default
|
|
141
166
|
};
|