@covalent/components 8.23.2 → 9.0.0-beta.2

package/status-dialog.js

@@ -1,50 +1,28 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-f623705d.js"),_=require("./property-57f6f6fe.js"),r=require("./state-0974a8e5.js"),h=require("./query-680f1868.js"),g=require("./dialog-83104700.js"),o=require("./class-map-0a4c6ca9.js");require("./icon.js");require("./icon-button.js");require("./tslib.es6-98719205.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./directive-1186bc23.js");require("./mwc-icon-f87639bc.js");require("./ripple-handlers-9fb4a31a.js");require("./style-map-a135c6ab.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");/**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */var u={CLOSING:"mdc-dialog--closing",OPEN:"mdc-dialog--open",OPENING:"mdc-dialog--opening",SCROLLABLE:"mdc-dialog--scrollable",SCROLL_LOCK:"mdc-dialog-scroll-lock",STACKED:"mdc-dialog--stacked",FULLSCREEN:"mdc-dialog--fullscreen",SCROLL_DIVIDER_HEADER:"mdc-dialog-scroll-divider-header",SCROLL_DIVIDER_FOOTER:"mdc-dialog-scroll-divider-footer",SURFACE_SCRIM_SHOWN:"mdc-dialog__surface-scrim--shown",SURFACE_SCRIM_SHOWING:"mdc-dialog__surface-scrim--showing",SURFACE_SCRIM_HIDING:"mdc-dialog__surface-scrim--hiding",SCRIM_HIDDEN:"mdc-dialog__scrim--hidden"};const p=`:host{--mdc-dialog-content-ink-color: var(--cv-theme-on-surface-variant);--mdc-dialog-heading-ink-color: var(--cv-theme-on-surface);--mdc-dialog-min-width: 96vw;--mdc-theme-surface: var(--cv-theme-surface-container-lowest);--mdc-typography-body1-font-family: var( --cv-typography-subtitle1-font-family );--mdc-typography-headline6-font-size: var( --cv-typography-headline6-font-size );--mdc-typography-headline6-font-weight: var( --cv-typography-headline1-font-weight )}:host .mdc-dialog.error .status-dialog__state{background-color:var(--cv-theme-negative-8)}:host .mdc-dialog.error .status-dialog__state cv-icon{color:var(--cv-theme-negative)}:host .mdc-dialog.positive .status-dialog__state{background-color:var(--cv-theme-positive-8)}:host .mdc-dialog.positive .status-dialog__state cv-icon{color:var(--cv-theme-positive)}:host .mdc-dialog.warning .status-dialog__state{background-color:var(--cv-theme-caution-8)}:host .mdc-dialog.warning .status-dialog__state cv-icon{color:var(--cv-theme-caution)}:host .mdc-dialog .mdc-dialog__surface{max-width:calc(100vw - 40px)}:host .mdc-dialog .mdc-dialog__content{padding:0 16px}:host .mdc-dialog .mdc-dialog__content.padding-bottom{padding-bottom:2rem}:host .mdc-dialog__actions{flex-shrink:0;padding:16px}:host .mdc-dialog__content{flex-grow:1}:host .mdc-dialog__title{flex:1;line-height:var(--cv-typography-body1-line-height);margin:0;padding:0 40px 0 0}:host .mdc-dialog__title:before{display:none}:host .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title,:host .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions{border:none}.status-dialog__arrow-icon{margin-top:2px}.status-dialog__arrow-icon.open{transform:rotate(0);transition:transform .25s ease-out}.status-dialog__arrow-icon.close{transform:rotate(180deg);transition:transform .25s ease-in}.status-dialog__container{display:flex}.status-dialog__content{display:flex;flex:1;flex-direction:column}.status-dialog__container,.status-dialog__content{max-height:calc(100% - 32px);overflow-y:auto}.status-dialog__details{display:none}.status-dialog__details.visible{display:block}.status-dialog__heading{--mdc-icon-button-size: 40px;align-items:start;box-sizing:border-box;display:inline-flex;justify-content:space-between;padding:18px 16px;width:100%}.status-dialog__heading.no-heading{justify-content:flex-end}.status-dialog__heading .status-dialog__close-icon{position:absolute;right:8px;top:10px}.status-dialog__state{--mdc-icon-size: 32px;padding:14px 16px 0}.status-dialog__state cv-icon{font-variation-settings:"FILL" 1}.status-dialog__toggle-details{align-items:center;color:var(--cv-theme-primary);cursor:pointer;display:inline-flex;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.25px;line-height:20px;padding:16px 0}@media screen and (min-width: 600px){:host{--mdc-dialog-min-width: 575px}:host .mdc-dialog .mdc-dialog__surface{max-width:575px}}@media screen and (max-width: 480px){:host .status-dialog__container{flex-direction:column}:host .status-dialog__heading .status-dialog__close-icon{top:18px}:host .status-dialog__state{padding:4px}:host .status-dialog__state cv-icon{display:none}:host .mdc-dialog.error .status-dialog__state{background-color:var(--cv-theme-negative)}:host .mdc-dialog.positive .status-dialog__state{background-color:var(--cv-theme-positive)}:host .mdc-dialog.warning .status-dialog__state{background-color:var(--cv-theme-caution)}}
-`;var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,l=(n,t,a,s)=>{for(var e=s>1?void 0:s?v(t,a):t,d=n.length-1,c;d>=0;d--)(c=n[d])&&(e=(s?c(t,a,e):c(e))||e);return s&&e&&m(t,a,e),e};exports.CovalentStatusDialog=class extends g.CovalentDialog$1{constructor(){super(...arguments),this.state="error",this.expandDetails=!1,this.showDetailsLink=!1}firstUpdated(){if(super.firstUpdated(),this._details){const t=this._details.assignedNodes({flatten:!0});this.showDetailsLink=t.some(a=>a.nodeType===Node.ELEMENT_NODE)}}toggleDetails(){this.expandDetails=!this.expandDetails}_getStatusIcon(){switch(this.state){case"positive":return"check";default:return this.state}}renderDetails(){const t={"status-dialog__details":!0,visible:this.expandDetails},a={open:!this.expandDetails,close:this.expandDetails},s=i.x`<cv-icon
-      class="${o.o(a)} status-dialog__arrow-icon"
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./query-assigned-elements-4CafVNR8.js"),h=require("./property-DYTC_2-m.js"),r=require("./state-C3HoXfoa.js"),_=require("./query-BxDs8ftQ.js"),g=require("./dialog-LUOzoMeO.js"),e=require("./class-map-C8G1ALWK.js");require("./icon.js");require("./icon-button.js");const p=':host{--mdc-dialog-content-ink-color: var(--cv-theme-on-surface-variant);--mdc-dialog-heading-ink-color: var(--cv-theme-on-surface);--mdc-dialog-min-width: 96vw;--mdc-theme-surface: var(--cv-theme-surface-container-lowest);--mdc-typography-body1-font-family: var( --cv-typography-subtitle1-font-family );--mdc-typography-headline6-font-size: var( --cv-typography-headline6-font-size );--mdc-typography-headline6-font-weight: var( --cv-typography-headline1-font-weight )}:host .mdc-dialog.error .status-dialog__state{background-color:var(--cv-theme-negative-8)}:host .mdc-dialog.error .status-dialog__state cv-icon{color:var(--cv-theme-negative)}:host .mdc-dialog.positive .status-dialog__state{background-color:var(--cv-theme-positive-8)}:host .mdc-dialog.positive .status-dialog__state cv-icon{color:var(--cv-theme-positive)}:host .mdc-dialog.warning .status-dialog__state{background-color:var(--cv-theme-caution-8)}:host .mdc-dialog.warning .status-dialog__state cv-icon{color:var(--cv-theme-caution)}:host .mdc-dialog .mdc-dialog__surface{max-width:calc(100vw - 40px)}:host .mdc-dialog .mdc-dialog__content{padding:0 16px}:host .mdc-dialog .mdc-dialog__content.padding-bottom{padding-bottom:2rem}:host .mdc-dialog__actions{flex-shrink:0;padding:16px}:host .mdc-dialog__content{flex-grow:1}:host .mdc-dialog__title{flex:1;line-height:var(--cv-typography-body1-line-height);margin:0;padding:0 40px 0 0}:host .mdc-dialog__title:before{display:none}:host .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title,:host .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions{border:none}.status-dialog__arrow-icon{margin-top:2px}.status-dialog__arrow-icon.open{transform:rotate(0);transition:transform .25s ease-out}.status-dialog__arrow-icon.close{transform:rotate(180deg);transition:transform .25s ease-in}.status-dialog__container{display:flex}.status-dialog__content{display:flex;flex:1;flex-direction:column}.status-dialog__container,.status-dialog__content{max-height:calc(100% - 32px);overflow-y:auto}.status-dialog__details{display:none}.status-dialog__details.visible{display:block}.status-dialog__heading{--mdc-icon-button-size: 40px;align-items:start;box-sizing:border-box;display:inline-flex;justify-content:space-between;padding:18px 16px;width:100%}.status-dialog__heading.no-heading{justify-content:flex-end}.status-dialog__heading .status-dialog__close-icon{position:absolute;right:8px;top:10px}.status-dialog__state{--mdc-icon-size: 32px;padding:14px 16px 0}.status-dialog__state cv-icon{font-variation-settings:"FILL" 1}.status-dialog__toggle-details{align-items:center;color:var(--cv-theme-primary);cursor:pointer;display:inline-flex;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.25px;line-height:20px;padding:16px 0}@media screen and (min-width: 600px){:host{--mdc-dialog-min-width: 575px}:host .mdc-dialog .mdc-dialog__surface{max-width:575px}}@media screen and (max-width: 480px){:host .status-dialog__container{flex-direction:column}:host .status-dialog__heading .status-dialog__close-icon{top:18px}:host .status-dialog__state{padding:4px}:host .status-dialog__state cv-icon{display:none}:host .mdc-dialog.error .status-dialog__state{background-color:var(--cv-theme-negative)}:host .mdc-dialog.positive .status-dialog__state{background-color:var(--cv-theme-positive)}:host .mdc-dialog.warning .status-dialog__state{background-color:var(--cv-theme-caution)}}';var u=Object.defineProperty,v=Object.getOwnPropertyDescriptor,d=(l,t,a,o)=>{for(var i=o>1?void 0:o?v(t,a):t,n=l.length-1,c;n>=0;n--)(c=l[n])&&(i=(o?c(t,a,i):c(i))||i);return o&&i&&u(t,a,i),i};exports.CovalentStatusDialog=class extends g.CovalentDialog$1{constructor(){super(...arguments),this.state="error",this.expandDetails=!1,this.showDetailsLink=!1}firstUpdated(){if(super.firstUpdated(),this._details){const t=this._details.assignedNodes({flatten:!0});this.showDetailsLink=t.some(a=>a.nodeType===Node.ELEMENT_NODE)}}toggleDetails(){this.expandDetails=!this.expandDetails}_getStatusIcon(){switch(this.state){case"positive":return"check";default:return this.state}}renderDetails(){const t={"status-dialog__details":!0,visible:this.expandDetails},a={open:!this.expandDetails,close:this.expandDetails},o=s.x`<cv-icon
+      class="${e.o(a)} status-dialog__arrow-icon"
       >arrow_drop_down</cv-icon
-    >`;return i.x`${this.showDetailsLink?i.x`<div>
+    >`;return s.x`${this.showDetailsLink?s.x`<div>
             <span
               class="status-dialog__toggle-details"
               @click="${this.toggleDetails}"
-              >${this.expandDetails?"Hide details":"Show details"} ${s}
+              >${this.expandDetails?"Hide details":"Show details"} ${o}
             </span>
           </div>`:""}
       <slot
         name="details"
         id="details"
-        class="${o.o(t)}"
-      ></slot>`}renderHeading(){const t={"status-dialog__heading":!0,"no-heading":!this.heading};let a=i.x``;return this.heading&&(a=i.x`<h2 id="title" class="mdc-dialog__title">
+        class="${e.o(t)}"
+      ></slot>`}renderHeading(){const t={"status-dialog__heading":!0,"no-heading":!this.heading};let a=s.x``;return this.heading&&(a=s.x`<h2 id="title" class="mdc-dialog__title">
         ${this.heading}
-      </h2>`),i.x`<span class="${o.o(t)}">
+      </h2>`),s.x`<span class="${e.o(t)}">
       ${a}
       <cv-icon-button
         class="status-dialog__close-icon"
         icon="close"
         @click=${this.close}
       ></cv-icon-button>
-    </span>`}render(){const t={[u.STACKED]:this.stacked,error:this.state==="error",positive:this.state==="positive",warning:this.state==="warning"},a=this.renderHeading(),s=this.renderDetails(),e={"mdc-dialog__actions":!this.hideActions},d={"mdc-dialog__content":!0,"padding-bottom":this.hideActions};return i.x` <div
-      class="mdc-dialog ${o.o(t)}"
+    </span>`}render(){const t={"mdc-dialog--stacked":this.stacked,error:this.state==="error",positive:this.state==="positive",warning:this.state==="warning"},a=this.renderHeading(),o=this.renderDetails(),i={"mdc-dialog__actions":!this.hideActions},n={"mdc-dialog__content":!0,"padding-bottom":this.hideActions};return s.x` <div
+      class="mdc-dialog ${e.o(t)}"
       role="alertdialog"
       aria-modal="true"
       aria-labelledby="title"
@@ -58,11 +36,11 @@
             </div>
             <div class="status-dialog__content">
               ${a}
-              <div id="content" class="${o.o(d)}">
+              <div id="content" class="${e.o(n)}">
                 <slot id="contentSlot"></slot>
-                ${s}
+                ${o}
               </div>
-              <footer id="actions" class="${o.o(e)}">
+              <footer id="actions" class="${e.o(i)}">
                 <span>
                   <slot name="secondaryAction"></slot>
                 </span>
@@ -75,6 +53,6 @@
         </div>
       </div>
       <div class="mdc-dialog__scrim"></div>
-    </div>`}};exports.CovalentStatusDialog.styles=[g.styles,i.i`
-      ${i.r(p)}
-    `];l([h.i("#details")],exports.CovalentStatusDialog.prototype,"_details",2);l([_.n({type:String})],exports.CovalentStatusDialog.prototype,"state",2);l([r.t()],exports.CovalentStatusDialog.prototype,"expandDetails",2);l([r.t()],exports.CovalentStatusDialog.prototype,"showDetailsLink",2);exports.CovalentStatusDialog=l([i.e("cv-status-dialog")],exports.CovalentStatusDialog);const f=exports.CovalentStatusDialog;exports.default=f;
+    </div>`}};exports.CovalentStatusDialog.styles=[g.styles,s.i`
+      ${s.r(p)}
+    `];d([_.i("#details")],exports.CovalentStatusDialog.prototype,"_details",2);d([h.n({type:String})],exports.CovalentStatusDialog.prototype,"state",2);d([r.t()],exports.CovalentStatusDialog.prototype,"expandDetails",2);d([r.t()],exports.CovalentStatusDialog.prototype,"showDetailsLink",2);exports.CovalentStatusDialog=d([s.e("cv-status-dialog")],exports.CovalentStatusDialog);const m=exports.CovalentStatusDialog;exports.default=m;

package/status-dialog.mjs

@@ -1,96 +1,27 @@
-import { i as _, r as m, x as e, e as p } from "./query-assigned-elements-4a39219d.mjs";
-import { n as h } from "./property-9b6ea53b.mjs";
-import { t as g } from "./state-b5e865db.mjs";
-import { i as v } from "./query-d843aa92.mjs";
-import { s as u, a as f } from "./dialog-78a9fd0e.mjs";
-import { o as l } from "./class-map-6e504a9a.mjs";
+import { x as e, i as h, r as _, e as p } from "./query-assigned-elements-DCt2xozt.mjs";
+import { n as m } from "./property-DJzm_oB9.mjs";
+import { t as g } from "./state-DaD9o2aK.mjs";
+import { i as v } from "./query-BBDQWsft.mjs";
+import { a as u, s as f } from "./dialog-BoNH4r3n.mjs";
+import { o as n } from "./class-map-C1SJpero.mjs";
 import "./icon.mjs";
 import "./icon-button.mjs";
-import "./tslib.es6-c4b0f3b1.mjs";
-import "./inert.esm-359d4581.mjs";
-import "./base-element-acf30176.mjs";
-import "./utils-dc65fdc9.mjs";
-import "./observer-be7b92e2.mjs";
-import "./directive-daf4e9b6.mjs";
-import "./mwc-icon-5227aec3.mjs";
-import "./ripple-handlers-8883e893.mjs";
-import "./style-map-e7ec6d41.mjs";
-import "./aria-property-fa2717fe.mjs";
-import "./event-options-78d6cf94.mjs";
-import "./if-defined-c367f208.mjs";
-/**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var x = {
-  CLOSING: "mdc-dialog--closing",
-  OPEN: "mdc-dialog--open",
-  OPENING: "mdc-dialog--opening",
-  SCROLLABLE: "mdc-dialog--scrollable",
-  SCROLL_LOCK: "mdc-dialog-scroll-lock",
-  STACKED: "mdc-dialog--stacked",
-  FULLSCREEN: "mdc-dialog--fullscreen",
-  // Class for showing a scroll divider on full-screen dialog header element.
-  // Should only be displayed on scrollable content, when the dialog content is
-  // scrolled "underneath" the header.
-  SCROLL_DIVIDER_HEADER: "mdc-dialog-scroll-divider-header",
-  // Class for showing a scroll divider on a full-screen dialog footer element.
-  // Should only be displayed on scrolalble content, when the dialog content is
-  // obscured "underneath" the footer.
-  SCROLL_DIVIDER_FOOTER: "mdc-dialog-scroll-divider-footer",
-  // The "surface scrim" is a scrim covering only the surface of a dialog. This
-  // is used in situations where a confirmation dialog is shown over an already
-  // opened full-screen dialog. On larger screen-sizes, the full-screen dialog
-  // is sized as a modal and so in these situations we display a "surface scrim"
-  // to prevent a "double scrim" (where the scrim from the secondary
-  // confirmation dialog would overlap with the scrim from the full-screen
-  // dialog).
-  SURFACE_SCRIM_SHOWN: "mdc-dialog__surface-scrim--shown",
-  // "Showing" animating class for the surface-scrim.
-  SURFACE_SCRIM_SHOWING: "mdc-dialog__surface-scrim--showing",
-  // "Hiding" animating class for the surface-scrim.
-  SURFACE_SCRIM_HIDING: "mdc-dialog__surface-scrim--hiding",
-  // Class to hide a dialog's scrim (used in conjunction with a surface-scrim).
-  // Note that we only hide the original scrim rather than removing it entirely
-  // to prevent interactions with the content behind this scrim, and to capture
-  // scrim clicks.
-  SCRIM_HIDDEN: "mdc-dialog__scrim--hidden"
+const x = ':host{--mdc-dialog-content-ink-color: var(--cv-theme-on-surface-variant);--mdc-dialog-heading-ink-color: var(--cv-theme-on-surface);--mdc-dialog-min-width: 96vw;--mdc-theme-surface: var(--cv-theme-surface-container-lowest);--mdc-typography-body1-font-family: var( --cv-typography-subtitle1-font-family );--mdc-typography-headline6-font-size: var( --cv-typography-headline6-font-size );--mdc-typography-headline6-font-weight: var( --cv-typography-headline1-font-weight )}:host .mdc-dialog.error .status-dialog__state{background-color:var(--cv-theme-negative-8)}:host .mdc-dialog.error .status-dialog__state cv-icon{color:var(--cv-theme-negative)}:host .mdc-dialog.positive .status-dialog__state{background-color:var(--cv-theme-positive-8)}:host .mdc-dialog.positive .status-dialog__state cv-icon{color:var(--cv-theme-positive)}:host .mdc-dialog.warning .status-dialog__state{background-color:var(--cv-theme-caution-8)}:host .mdc-dialog.warning .status-dialog__state cv-icon{color:var(--cv-theme-caution)}:host .mdc-dialog .mdc-dialog__surface{max-width:calc(100vw - 40px)}:host .mdc-dialog .mdc-dialog__content{padding:0 16px}:host .mdc-dialog .mdc-dialog__content.padding-bottom{padding-bottom:2rem}:host .mdc-dialog__actions{flex-shrink:0;padding:16px}:host .mdc-dialog__content{flex-grow:1}:host .mdc-dialog__title{flex:1;line-height:var(--cv-typography-body1-line-height);margin:0;padding:0 40px 0 0}:host .mdc-dialog__title:before{display:none}:host .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title,:host .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions{border:none}.status-dialog__arrow-icon{margin-top:2px}.status-dialog__arrow-icon.open{transform:rotate(0);transition:transform .25s ease-out}.status-dialog__arrow-icon.close{transform:rotate(180deg);transition:transform .25s ease-in}.status-dialog__container{display:flex}.status-dialog__content{display:flex;flex:1;flex-direction:column}.status-dialog__container,.status-dialog__content{max-height:calc(100% - 32px);overflow-y:auto}.status-dialog__details{display:none}.status-dialog__details.visible{display:block}.status-dialog__heading{--mdc-icon-button-size: 40px;align-items:start;box-sizing:border-box;display:inline-flex;justify-content:space-between;padding:18px 16px;width:100%}.status-dialog__heading.no-heading{justify-content:flex-end}.status-dialog__heading .status-dialog__close-icon{position:absolute;right:8px;top:10px}.status-dialog__state{--mdc-icon-size: 32px;padding:14px 16px 0}.status-dialog__state cv-icon{font-variation-settings:"FILL" 1}.status-dialog__toggle-details{align-items:center;color:var(--cv-theme-primary);cursor:pointer;display:inline-flex;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.25px;line-height:20px;padding:16px 0}@media screen and (min-width: 600px){:host{--mdc-dialog-min-width: 575px}:host .mdc-dialog .mdc-dialog__surface{max-width:575px}}@media screen and (max-width: 480px){:host .status-dialog__container{flex-direction:column}:host .status-dialog__heading .status-dialog__close-icon{top:18px}:host .status-dialog__state{padding:4px}:host .status-dialog__state cv-icon{display:none}:host .mdc-dialog.error .status-dialog__state{background-color:var(--cv-theme-negative)}:host .mdc-dialog.positive .status-dialog__state{background-color:var(--cv-theme-positive)}:host .mdc-dialog.warning .status-dialog__state{background-color:var(--cv-theme-caution)}}';
+var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, l = (a, t, o, d) => {
+  for (var i = d > 1 ? void 0 : d ? w(t, o) : t, c = a.length - 1, r; c >= 0; c--)
+    (r = a[c]) && (i = (d ? r(t, o, i) : r(i)) || i);
+  return d && i && y(t, o, i), i;
 };
-const y = `:host{--mdc-dialog-content-ink-color: var(--cv-theme-on-surface-variant);--mdc-dialog-heading-ink-color: var(--cv-theme-on-surface);--mdc-dialog-min-width: 96vw;--mdc-theme-surface: var(--cv-theme-surface-container-lowest);--mdc-typography-body1-font-family: var( --cv-typography-subtitle1-font-family );--mdc-typography-headline6-font-size: var( --cv-typography-headline6-font-size );--mdc-typography-headline6-font-weight: var( --cv-typography-headline1-font-weight )}:host .mdc-dialog.error .status-dialog__state{background-color:var(--cv-theme-negative-8)}:host .mdc-dialog.error .status-dialog__state cv-icon{color:var(--cv-theme-negative)}:host .mdc-dialog.positive .status-dialog__state{background-color:var(--cv-theme-positive-8)}:host .mdc-dialog.positive .status-dialog__state cv-icon{color:var(--cv-theme-positive)}:host .mdc-dialog.warning .status-dialog__state{background-color:var(--cv-theme-caution-8)}:host .mdc-dialog.warning .status-dialog__state cv-icon{color:var(--cv-theme-caution)}:host .mdc-dialog .mdc-dialog__surface{max-width:calc(100vw - 40px)}:host .mdc-dialog .mdc-dialog__content{padding:0 16px}:host .mdc-dialog .mdc-dialog__content.padding-bottom{padding-bottom:2rem}:host .mdc-dialog__actions{flex-shrink:0;padding:16px}:host .mdc-dialog__content{flex-grow:1}:host .mdc-dialog__title{flex:1;line-height:var(--cv-typography-body1-line-height);margin:0;padding:0 40px 0 0}:host .mdc-dialog__title:before{display:none}:host .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title,:host .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions{border:none}.status-dialog__arrow-icon{margin-top:2px}.status-dialog__arrow-icon.open{transform:rotate(0);transition:transform .25s ease-out}.status-dialog__arrow-icon.close{transform:rotate(180deg);transition:transform .25s ease-in}.status-dialog__container{display:flex}.status-dialog__content{display:flex;flex:1;flex-direction:column}.status-dialog__container,.status-dialog__content{max-height:calc(100% - 32px);overflow-y:auto}.status-dialog__details{display:none}.status-dialog__details.visible{display:block}.status-dialog__heading{--mdc-icon-button-size: 40px;align-items:start;box-sizing:border-box;display:inline-flex;justify-content:space-between;padding:18px 16px;width:100%}.status-dialog__heading.no-heading{justify-content:flex-end}.status-dialog__heading .status-dialog__close-icon{position:absolute;right:8px;top:10px}.status-dialog__state{--mdc-icon-size: 32px;padding:14px 16px 0}.status-dialog__state cv-icon{font-variation-settings:"FILL" 1}.status-dialog__toggle-details{align-items:center;color:var(--cv-theme-primary);cursor:pointer;display:inline-flex;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.25px;line-height:20px;padding:16px 0}@media screen and (min-width: 600px){:host{--mdc-dialog-min-width: 575px}:host .mdc-dialog .mdc-dialog__surface{max-width:575px}}@media screen and (max-width: 480px){:host .status-dialog__container{flex-direction:column}:host .status-dialog__heading .status-dialog__close-icon{top:18px}:host .status-dialog__state{padding:4px}:host .status-dialog__state cv-icon{display:none}:host .mdc-dialog.error .status-dialog__state{background-color:var(--cv-theme-negative)}:host .mdc-dialog.positive .status-dialog__state{background-color:var(--cv-theme-positive)}:host .mdc-dialog.warning .status-dialog__state{background-color:var(--cv-theme-caution)}}
-`;
-var w = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (i, t, s, d) => {
-  for (var a = d > 1 ? void 0 : d ? b(t, s) : t, c = i.length - 1, r; c >= 0; c--)
-    (r = i[c]) && (a = (d ? r(t, s, a) : r(a)) || a);
-  return d && a && w(t, s, a), a;
-};
-let o = class extends f {
+let s = class extends u {
   constructor() {
     super(...arguments), this.state = "error", this.expandDetails = !1, this.showDetailsLink = !1;
   }
   firstUpdated() {
     if (super.firstUpdated(), this._details) {
-      const i = this._details.assignedNodes({
+      const a = this._details.assignedNodes({
         flatten: !0
       });
-      this.showDetailsLink = i.some(
+      this.showDetailsLink = a.some(
         (t) => t.nodeType === Node.ELEMENT_NODE
       );
     }
@@ -108,38 +39,38 @@ let o = class extends f {
   }
   // Renders the details section in the dialog content
   renderDetails() {
-    const i = {
+    const a = {
       "status-dialog__details": !0,
       visible: this.expandDetails
     }, t = {
       open: !this.expandDetails,
       close: this.expandDetails
-    }, s = e`<cv-icon
-      class="${l(t)} status-dialog__arrow-icon"
+    }, o = e`<cv-icon
+      class="${n(t)} status-dialog__arrow-icon"
       >arrow_drop_down</cv-icon
     >`;
     return e`${this.showDetailsLink ? e`<div>
             <span
               class="status-dialog__toggle-details"
               @click="${this.toggleDetails}"
-              >${this.expandDetails ? "Hide details" : "Show details"} ${s}
+              >${this.expandDetails ? "Hide details" : "Show details"} ${o}
             </span>
           </div>` : ""}
       <slot
         name="details"
         id="details"
-        class="${l(i)}"
+        class="${n(a)}"
       ></slot>`;
   }
   renderHeading() {
-    const i = {
+    const a = {
       "status-dialog__heading": !0,
       "no-heading": !this.heading
     };
     let t = e``;
     return this.heading && (t = e`<h2 id="title" class="mdc-dialog__title">
         ${this.heading}
-      </h2>`), e`<span class="${l(i)}">
+      </h2>`), e`<span class="${n(a)}">
       ${t}
       <cv-icon-button
         class="status-dialog__close-icon"
@@ -149,19 +80,19 @@ let o = class extends f {
     </span>`;
   }
   render() {
-    const i = {
-      [x.STACKED]: this.stacked,
+    const a = {
+      "mdc-dialog--stacked": this.stacked,
       error: this.state === "error",
       positive: this.state === "positive",
       warning: this.state === "warning"
-    }, t = this.renderHeading(), s = this.renderDetails(), d = {
+    }, t = this.renderHeading(), o = this.renderDetails(), d = {
       "mdc-dialog__actions": !this.hideActions
-    }, a = {
+    }, i = {
       "mdc-dialog__content": !0,
       "padding-bottom": this.hideActions
     };
     return e` <div
-      class="mdc-dialog ${l(i)}"
+      class="mdc-dialog ${n(a)}"
       role="alertdialog"
       aria-modal="true"
       aria-labelledby="title"
@@ -175,11 +106,11 @@ let o = class extends f {
             </div>
             <div class="status-dialog__content">
               ${t}
-              <div id="content" class="${l(a)}">
+              <div id="content" class="${n(i)}">
                 <slot id="contentSlot"></slot>
-                ${s}
+                ${o}
               </div>
-              <footer id="actions" class="${l(d)}">
+              <footer id="actions" class="${n(d)}">
                 <span>
                   <slot name="secondaryAction"></slot>
                 </span>
@@ -195,29 +126,29 @@ let o = class extends f {
     </div>`;
   }
 };
-o.styles = [
-  u,
-  _`
-      ${m(y)}
+s.styles = [
+  f,
+  h`
+      ${_(x)}
     `
 ];
-n([
+l([
   v("#details")
-], o.prototype, "_details", 2);
-n([
-  h({ type: String })
-], o.prototype, "state", 2);
-n([
+], s.prototype, "_details", 2);
+l([
+  m({ type: String })
+], s.prototype, "state", 2);
+l([
   g()
-], o.prototype, "expandDetails", 2);
-n([
+], s.prototype, "expandDetails", 2);
+l([
   g()
-], o.prototype, "showDetailsLink", 2);
-o = n([
+], s.prototype, "showDetailsLink", 2);
+s = l([
   p("cv-status-dialog")
-], o);
-const G = o;
+], s);
+const N = s;
 export {
-  o as CovalentStatusDialog,
-  G as default
+  s as CovalentStatusDialog,
+  N as default
 };

package/status-header-item.js

@@ -1,4 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements-f623705d.js"),i=require("./property-57f6f6fe.js"),p=`:host{--cv-status-header-item-width: 178px;display:flex;padding:14px 16px;align-items:center;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)}span{display:inline-block;width:var(--cv-status-header-item-width);color:var(--mdc-theme-text-secondary-on-background)}
-`;var u=Object.defineProperty,v=Object.getOwnPropertyDescriptor,d=(s,a,o,r)=>{for(var e=r>1?void 0:r?v(a,o):a,n=s.length-1,l;n>=0;n--)(l=s[n])&&(e=(r?l(a,o,e):l(e))||e);return r&&e&&u(a,o,e),e};exports.CovalentStatusHeaderItem=class extends t.s{render(){return t.x`<span>${this.label}</span> <slot></slot>`}};exports.CovalentStatusHeaderItem.styles=[t.i`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements-4CafVNR8.js"),i=require("./property-DYTC_2-m.js"),p=":host{--cv-status-header-item-width: 178px;display:flex;padding:14px 16px;align-items:center;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)}span{display:inline-block;width:var(--cv-status-header-item-width);color:var(--mdc-theme-text-secondary-on-background)}";var u=Object.defineProperty,v=Object.getOwnPropertyDescriptor,d=(s,a,o,r)=>{for(var e=r>1?void 0:r?v(a,o):a,n=s.length-1,l;n>=0;n--)(l=s[n])&&(e=(r?l(a,o,e):l(e))||e);return r&&e&&u(a,o,e),e};exports.CovalentStatusHeaderItem=class extends t.s{render(){return t.x`<span>${this.label}</span> <slot></slot>`}};exports.CovalentStatusHeaderItem.styles=[t.i`
       ${t.r(p)}
     `];d([i.n()],exports.CovalentStatusHeaderItem.prototype,"label",2);exports.CovalentStatusHeaderItem=d([t.e("cv-status-header-item")],exports.CovalentStatusHeaderItem);const y=exports.CovalentStatusHeaderItem;exports.default=y;

package/status-header-item.mjs

@@ -1,20 +1,19 @@
-import { i as p, r as d, s as h, x as y, e as c } from "./query-assigned-elements-4a39219d.mjs";
-import { n as m } from "./property-9b6ea53b.mjs";
-const f = `:host{--cv-status-header-item-width: 178px;display:flex;padding:14px 16px;align-items:center;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)}span{display:inline-block;width:var(--cv-status-header-item-width);color:var(--mdc-theme-text-secondary-on-background)}
-`;
+import { s as p, x as d, i as h, r as y, e as c } from "./query-assigned-elements-DCt2xozt.mjs";
+import { n as m } from "./property-DJzm_oB9.mjs";
+const f = ":host{--cv-status-header-item-width: 178px;display:flex;padding:14px 16px;align-items:center;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)}span{display:inline-block;width:var(--cv-status-header-item-width);color:var(--mdc-theme-text-secondary-on-background)}";
 var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (i, a, o, r) => {
   for (var t = r > 1 ? void 0 : r ? g(a, o) : a, s = i.length - 1, n; s >= 0; s--)
     (n = i[s]) && (t = (r ? n(a, o, t) : n(t)) || t);
   return r && t && v(a, o, t), t;
 };
-let e = class extends h {
+let e = class extends p {
   render() {
-    return y`<span>${this.label}</span> <slot></slot>`;
+    return d`<span>${this.label}</span> <slot></slot>`;
   }
 };
 e.styles = [
-  p`
-      ${d(f)}
+  h`
+      ${y(f)}
     `
 ];
 l([

package/status-header.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-f623705d.js"),u=require("./class-map-0a4c6ca9.js"),d=require("./property-57f6f6fe.js");require("./directive-1186bc23.js");var l=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(s,e,r,a)=>{for(var t=a>1?void 0:a?v(e,r):e,o=s.length-1,c;o>=0;o--)(c=s[o])&&(t=(a?c(e,r,t):c(t))||t);return a&&t&&l(e,r,t),t};class h extends i.s{constructor(){super(...arguments),this.state="neutral",this.statusText="",this.statusHelper="",this.titleText=""}render(){const e={active:this.state==="active",caution:this.state==="caution",error:this.state==="error",positive:this.state==="positive"};return i.x`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./query-assigned-elements-4CafVNR8.js"),u=require("./class-map-C8G1ALWK.js"),h=require("./property-DYTC_2-m.js");var l=Object.defineProperty,n=(a,e,r,i)=>{for(var t=void 0,s=a.length-1,o;s>=0;s--)(o=a[s])&&(t=o(e,r,t)||t);return t&&l(e,r,t),t};class d extends c.s{constructor(){super(...arguments),this.state="neutral",this.statusText="",this.statusHelper="",this.titleText=""}render(){const e={active:this.state==="active",caution:this.state==="caution",error:this.state==="error",positive:this.state==="positive"};return c.x`
       <div class="status-header ${u.o(e)}">
         <div class="status-header-title">
           <div class="status-header-title-text">${this.titleText}</div>
@@ -18,7 +18,6 @@
         </div>
         <slot></slot>
       </div>
-    `}}n([d.n()],h.prototype,"state",2);n([d.n({type:String})],h.prototype,"statusText",2);n([d.n({type:String})],h.prototype,"statusHelper",2);n([d.n({type:String})],h.prototype,"titleText",2);const m=`.status-header{--cv-status-header-background: transparent;--cv-status-header-icon-background: var( --mdc-theme-surface-neutral-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-text-icon-on-background);--cv-status-header-status-color: var(--mdc-theme-on-surface);background-color:var(--cv-status-header-background)}.status-header .status-header-content{max-width:inherit;flex-direction:column}.status-header .status-header-icon{background-color:var(--cv-status-header-icon-background);color:var(--cv-status-header-icon-color)}.status-header .status-header-text{--mdc-theme-primary: var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-text-icon-on-background);color:var(--cv-status-header-status-color)}.status-header .status-header-helper{color:var(--mdc-theme-text-secondary-on-background)}.status-header .status-header-title-text{color:var(--mdc-theme-on-surface)}.status-header.active{--cv-status-header-background: var( --mdc-theme-surface-secondary-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-secondary-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-secondary);--cv-status-header-status-color: var(--mdc-theme-secondary)}.status-header.caution{--cv-status-header-background: var(--mdc-theme-surface-caution-highlight);--cv-status-header-icon-background: var( --mdc-theme-surface-caution-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-caution);--cv-status-header-status-color: var(--mdc-theme-caution)}.status-header.error{--cv-status-header-background: var( --mdc-theme-surface-negative-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-negative-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-negative);--cv-status-header-status-color: var(--mdc-theme-negative)}.status-header.positive{--cv-status-header-background: var( --mdc-theme-surface-positive-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-positive-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-positive);--cv-status-header-status-color: var(--mdc-theme-positive)}.status-header-title{padding:0 0 16px 16px;height:fit-content;display:flex;justify-content:space-between;align-items:center}.status-header-title-text{font-family:var(--mdc-typography-headline6-font-family);font-size:var(--mdc-typography-headline6-font-size);font-weight:var(--mdc-typography-headline6-font-weight);line-height:var(--mdc-typography-headline6-line-height)}.status-header-text{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)}.status-header-icon{--mdc-icon-size: 36px;border-radius:50%;min-width:72px;height:72px;display:flex;justify-content:center;align-items:center}.status-header-status{padding-left:32px;padding-bottom:16px;display:flex;flex-direction:row;align-items:center}.status-header-text-block{display:flex;flex-direction:column;margin-left:12px;margin-right:56px}.status-header-text-block .status-header-helper{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)}
-`;var p=Object.defineProperty,g=Object.getOwnPropertyDescriptor,f=(s,e,r,a)=>{for(var t=a>1?void 0:a?g(e,r):e,o=s.length-1,c;o>=0;o--)(c=s[o])&&(t=(a?c(e,r,t):c(t))||t);return a&&t&&p(e,r,t),t};exports.CovalentStatusHeader=class extends h{};exports.CovalentStatusHeader.styles=[i.i`
-      ${i.r(m)}
-    `];exports.CovalentStatusHeader=f([i.e("cv-status-header")],exports.CovalentStatusHeader);const y=exports.CovalentStatusHeader;exports.default=y;
+    `}}n([h.n()],d.prototype,"state");n([h.n({type:String})],d.prototype,"statusText");n([h.n({type:String})],d.prototype,"statusHelper");n([h.n({type:String})],d.prototype,"titleText");const v=".status-header{--cv-status-header-background: transparent;--cv-status-header-icon-background: var( --mdc-theme-surface-neutral-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-text-icon-on-background);--cv-status-header-status-color: var(--mdc-theme-on-surface);background-color:var(--cv-status-header-background)}.status-header .status-header-content{max-width:inherit;flex-direction:column}.status-header .status-header-icon{background-color:var(--cv-status-header-icon-background);color:var(--cv-status-header-icon-color)}.status-header .status-header-text{--mdc-theme-primary: var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-text-icon-on-background);color:var(--cv-status-header-status-color)}.status-header .status-header-helper{color:var(--mdc-theme-text-secondary-on-background)}.status-header .status-header-title-text{color:var(--mdc-theme-on-surface)}.status-header.active{--cv-status-header-background: var( --mdc-theme-surface-secondary-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-secondary-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-secondary);--cv-status-header-status-color: var(--mdc-theme-secondary)}.status-header.caution{--cv-status-header-background: var(--mdc-theme-surface-caution-highlight);--cv-status-header-icon-background: var( --mdc-theme-surface-caution-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-caution);--cv-status-header-status-color: var(--mdc-theme-caution)}.status-header.error{--cv-status-header-background: var( --mdc-theme-surface-negative-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-negative-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-negative);--cv-status-header-status-color: var(--mdc-theme-negative)}.status-header.positive{--cv-status-header-background: var( --mdc-theme-surface-positive-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-positive-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-positive);--cv-status-header-status-color: var(--mdc-theme-positive)}.status-header-title{padding:0 0 16px 16px;height:fit-content;display:flex;justify-content:space-between;align-items:center}.status-header-title-text{font-family:var(--mdc-typography-headline6-font-family);font-size:var(--mdc-typography-headline6-font-size);font-weight:var(--mdc-typography-headline6-font-weight);line-height:var(--mdc-typography-headline6-line-height)}.status-header-text{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)}.status-header-icon{--mdc-icon-size: 36px;border-radius:50%;min-width:72px;height:72px;display:flex;justify-content:center;align-items:center}.status-header-status{padding-left:32px;padding-bottom:16px;display:flex;flex-direction:row;align-items:center}.status-header-text-block{display:flex;flex-direction:column;margin-left:12px;margin-right:56px}.status-header-text-block .status-header-helper{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)}";var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,p=(a,e,r,i)=>{for(var t=i>1?void 0:i?g(e,r):e,s=a.length-1,o;s>=0;s--)(o=a[s])&&(t=(i?o(e,r,t):o(t))||t);return i&&t&&m(e,r,t),t};exports.CovalentStatusHeader=class extends d{};exports.CovalentStatusHeader.styles=[c.i`
+      ${c.r(v)}
+    `];exports.CovalentStatusHeader=p([c.e("cv-status-header")],exports.CovalentStatusHeader);const f=exports.CovalentStatusHeader;exports.default=f;

package/status-header.mjs

@@ -1,13 +1,12 @@
-import { s as u, x as v, i as l, r as m, e as p } from "./query-assigned-elements-4a39219d.mjs";
-import { o as g } from "./class-map-6e504a9a.mjs";
-import { n as d } from "./property-9b6ea53b.mjs";
-import "./directive-daf4e9b6.mjs";
-var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, n = (c, e, s, a) => {
-  for (var t = a > 1 ? void 0 : a ? y(e, s) : e, r = c.length - 1, o; r >= 0; r--)
-    (o = c[r]) && (t = (a ? o(e, s, t) : o(t)) || t);
-  return a && t && f(e, s, t), t;
+import { s as u, x as l, i as v, r as m, e as p } from "./query-assigned-elements-DCt2xozt.mjs";
+import { o as g } from "./class-map-C1SJpero.mjs";
+import { n as d } from "./property-DJzm_oB9.mjs";
+var f = Object.defineProperty, n = (s, e, r, i) => {
+  for (var t = void 0, a = s.length - 1, o; a >= 0; a--)
+    (o = s[a]) && (t = o(e, r, t) || t);
+  return t && f(e, r, t), t;
 };
-class i extends u {
+class c extends u {
   constructor() {
     super(...arguments), this.state = "neutral", this.statusText = "", this.statusHelper = "", this.titleText = "";
   }
@@ -18,7 +17,7 @@ class i extends u {
       error: this.state === "error",
       positive: this.state === "positive"
     };
-    return v`
+    return l`
       <div class="status-header ${g(e)}">
         <div class="status-header-title">
           <div class="status-header-title-text">${this.titleText}</div>
@@ -43,31 +42,30 @@ class i extends u {
 }
 n([
   d()
-], i.prototype, "state", 2);
+], c.prototype, "state");
 n([
   d({ type: String })
-], i.prototype, "statusText", 2);
+], c.prototype, "statusText");
 n([
   d({ type: String })
-], i.prototype, "statusHelper", 2);
+], c.prototype, "statusHelper");
 n([
   d({ type: String })
-], i.prototype, "titleText", 2);
-const x = `.status-header{--cv-status-header-background: transparent;--cv-status-header-icon-background: var( --mdc-theme-surface-neutral-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-text-icon-on-background);--cv-status-header-status-color: var(--mdc-theme-on-surface);background-color:var(--cv-status-header-background)}.status-header .status-header-content{max-width:inherit;flex-direction:column}.status-header .status-header-icon{background-color:var(--cv-status-header-icon-background);color:var(--cv-status-header-icon-color)}.status-header .status-header-text{--mdc-theme-primary: var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-text-icon-on-background);color:var(--cv-status-header-status-color)}.status-header .status-header-helper{color:var(--mdc-theme-text-secondary-on-background)}.status-header .status-header-title-text{color:var(--mdc-theme-on-surface)}.status-header.active{--cv-status-header-background: var( --mdc-theme-surface-secondary-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-secondary-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-secondary);--cv-status-header-status-color: var(--mdc-theme-secondary)}.status-header.caution{--cv-status-header-background: var(--mdc-theme-surface-caution-highlight);--cv-status-header-icon-background: var( --mdc-theme-surface-caution-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-caution);--cv-status-header-status-color: var(--mdc-theme-caution)}.status-header.error{--cv-status-header-background: var( --mdc-theme-surface-negative-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-negative-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-negative);--cv-status-header-status-color: var(--mdc-theme-negative)}.status-header.positive{--cv-status-header-background: var( --mdc-theme-surface-positive-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-positive-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-positive);--cv-status-header-status-color: var(--mdc-theme-positive)}.status-header-title{padding:0 0 16px 16px;height:fit-content;display:flex;justify-content:space-between;align-items:center}.status-header-title-text{font-family:var(--mdc-typography-headline6-font-family);font-size:var(--mdc-typography-headline6-font-size);font-weight:var(--mdc-typography-headline6-font-weight);line-height:var(--mdc-typography-headline6-line-height)}.status-header-text{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)}.status-header-icon{--mdc-icon-size: 36px;border-radius:50%;min-width:72px;height:72px;display:flex;justify-content:center;align-items:center}.status-header-status{padding-left:32px;padding-bottom:16px;display:flex;flex-direction:row;align-items:center}.status-header-text-block{display:flex;flex-direction:column;margin-left:12px;margin-right:56px}.status-header-text-block .status-header-helper{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)}
-`;
-var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, _ = (c, e, s, a) => {
-  for (var t = a > 1 ? void 0 : a ? w(e, s) : e, r = c.length - 1, o; r >= 0; r--)
-    (o = c[r]) && (t = (a ? o(e, s, t) : o(t)) || t);
-  return a && t && b(e, s, t), t;
+], c.prototype, "titleText");
+const y = ".status-header{--cv-status-header-background: transparent;--cv-status-header-icon-background: var( --mdc-theme-surface-neutral-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-text-icon-on-background);--cv-status-header-status-color: var(--mdc-theme-on-surface);background-color:var(--cv-status-header-background)}.status-header .status-header-content{max-width:inherit;flex-direction:column}.status-header .status-header-icon{background-color:var(--cv-status-header-icon-background);color:var(--cv-status-header-icon-color)}.status-header .status-header-text{--mdc-theme-primary: var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-text-icon-on-background);color:var(--cv-status-header-status-color)}.status-header .status-header-helper{color:var(--mdc-theme-text-secondary-on-background)}.status-header .status-header-title-text{color:var(--mdc-theme-on-surface)}.status-header.active{--cv-status-header-background: var( --mdc-theme-surface-secondary-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-secondary-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-secondary);--cv-status-header-status-color: var(--mdc-theme-secondary)}.status-header.caution{--cv-status-header-background: var(--mdc-theme-surface-caution-highlight);--cv-status-header-icon-background: var( --mdc-theme-surface-caution-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-caution);--cv-status-header-status-color: var(--mdc-theme-caution)}.status-header.error{--cv-status-header-background: var( --mdc-theme-surface-negative-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-negative-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-negative);--cv-status-header-status-color: var(--mdc-theme-negative)}.status-header.positive{--cv-status-header-background: var( --mdc-theme-surface-positive-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-positive-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-positive);--cv-status-header-status-color: var(--mdc-theme-positive)}.status-header-title{padding:0 0 16px 16px;height:fit-content;display:flex;justify-content:space-between;align-items:center}.status-header-title-text{font-family:var(--mdc-typography-headline6-font-family);font-size:var(--mdc-typography-headline6-font-size);font-weight:var(--mdc-typography-headline6-font-weight);line-height:var(--mdc-typography-headline6-line-height)}.status-header-text{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)}.status-header-icon{--mdc-icon-size: 36px;border-radius:50%;min-width:72px;height:72px;display:flex;justify-content:center;align-items:center}.status-header-status{padding-left:32px;padding-bottom:16px;display:flex;flex-direction:row;align-items:center}.status-header-text-block{display:flex;flex-direction:column;margin-left:12px;margin-right:56px}.status-header-text-block .status-header-helper{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)}";
+var x = Object.defineProperty, b = Object.getOwnPropertyDescriptor, k = (s, e, r, i) => {
+  for (var t = i > 1 ? void 0 : i ? b(e, r) : e, a = s.length - 1, o; a >= 0; a--)
+    (o = s[a]) && (t = (i ? o(e, r, t) : o(t)) || t);
+  return i && t && x(e, r, t), t;
 };
-let h = class extends i {
+let h = class extends c {
 };
 h.styles = [
-  l`
-      ${m(x)}
+  v`
+      ${m(y)}
     `
 ];
-h = _([
+h = k([
   p("cv-status-header")
 ], h);
 const z = h;

package/{style-map-a135c6ab.js → style-map-BJBXlSqn.js}

@@ -1,4 +1,4 @@
-"use strict";const c=require("./query-assigned-elements-f623705d.js"),o=require("./directive-1186bc23.js");/**
+"use strict";const c=require("./query-assigned-elements-4CafVNR8.js"),o=require("./directive-C7oCP5Bh.js");/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/{style-map-e7ec6d41.mjs → style-map-CCsABR5m.mjs}

@@ -1,5 +1,5 @@
-import { T as l } from "./query-assigned-elements-4a39219d.mjs";
-import { e as h, i as d, t as u } from "./directive-daf4e9b6.mjs";
+import { T as l } from "./query-assigned-elements-DCt2xozt.mjs";
+import { e as h, i as d, t as u } from "./directive-oAbCiebi.mjs";
 /**
  * @license
  * Copyright 2018 Google LLC
@@ -8,8 +8,7 @@ import { e as h, i as d, t as u } from "./directive-daf4e9b6.mjs";
 const o = "important", c = " !" + o, m = h(class extends d {
   constructor(n) {
     var t;
-    if (super(n), n.type !== u.ATTRIBUTE || n.name !== "style" || ((t = n.strings) === null || t === void 0 ? void 0 : t.length) > 2)
-      throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+    if (super(n), n.type !== u.ATTRIBUTE || n.name !== "style" || ((t = n.strings) === null || t === void 0 ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
   render(n) {
     return Object.keys(n).reduce((t, s) => {
@@ -21,8 +20,7 @@ const o = "important", c = " !" + o, m = h(class extends d {
     const { style: s } = n.element;
     if (this.ht === void 0) {
       this.ht = /* @__PURE__ */ new Set();
-      for (const e in t)
-        this.ht.add(e);
+      for (const e in t) this.ht.add(e);
       return this.render(t);
     }
     this.ht.forEach((e) => {