@covalent/components 6.1.3 → 6.2.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.
Files changed (190) hide show
  1. package/action-ribbon.js +6 -6
  2. package/action-ribbon.mjs +30 -35
  3. package/alert.js +6 -6
  4. package/alert.mjs +14 -19
  5. package/app-shell/app-shell.d.ts +2 -0
  6. package/app-shell/app-shell.d.ts.map +1 -1
  7. package/app-shell.js +8 -8
  8. package/app-shell.mjs +44 -42
  9. package/button.js +9 -9
  10. package/button.mjs +16 -25
  11. package/card.js +8 -8
  12. package/card.mjs +15 -17
  13. package/check-list-item.js +9 -9
  14. package/check-list-item.mjs +17 -26
  15. package/checkbox.js +2 -2
  16. package/checkbox.mjs +20 -29
  17. package/circular-progress.js +29 -29
  18. package/circular-progress.mjs +10 -14
  19. package/code-snippet.js +9 -9
  20. package/code-snippet.mjs +7 -10
  21. package/dialog.js +1 -1
  22. package/dialog.mjs +162 -14
  23. package/{dialog-85c21333.mjs → dialog2.mjs} +50 -56
  24. package/directive-helpers.mjs +5 -0
  25. package/drawer.js +3 -3
  26. package/drawer.mjs +9 -15
  27. package/empty-state.js +5 -5
  28. package/empty-state.mjs +4 -6
  29. package/{form-element-d4e7bcdb.js → form-element.mjs} +2 -2
  30. package/{foundation-3f55a9dc.js → foundation.mjs} +3 -3
  31. package/icon-button.js +8 -8
  32. package/icon-button.mjs +16 -25
  33. package/icon-check-toggle.js +9 -9
  34. package/icon-check-toggle.mjs +11 -20
  35. package/icon-radio/icon-radio-toggle.d.ts +2 -3
  36. package/icon-radio/icon-radio-toggle.d.ts.map +1 -1
  37. package/icon-radio-toggle.js +8 -14
  38. package/icon-radio-toggle.mjs +37 -64
  39. package/icon.js +2 -2
  40. package/icon.mjs +8 -9
  41. package/if-defined.mjs +5 -0
  42. package/index.js +1 -1
  43. package/index.mjs +114 -124
  44. package/linear-progress.js +12 -12
  45. package/linear-progress.mjs +17 -23
  46. package/list/list-expansion.d.ts +3 -2
  47. package/list/list-expansion.d.ts.map +1 -1
  48. package/list/list-item.d.ts.map +1 -1
  49. package/list/list.d.ts +5 -0
  50. package/list/list.d.ts.map +1 -1
  51. package/list-expansion.js +8 -8
  52. package/list-expansion.mjs +37 -41
  53. package/list-item.js +1 -1
  54. package/list-item.mjs +9 -18
  55. package/list-item2.mjs +43 -0
  56. package/list.js +1 -1
  57. package/list.mjs +5 -20
  58. package/{list-28b77a61.mjs → list2.mjs} +35 -16
  59. package/menu.js +2 -2
  60. package/menu.mjs +20 -29
  61. package/{mwc-checkbox-base-435c1f1d.js → mwc-checkbox-base.mjs} +6 -6
  62. package/mwc-checkbox.css.mjs +5 -0
  63. package/{mwc-drawer-base-f44fcf34.js → mwc-drawer-base.mjs} +11 -11
  64. package/mwc-icon.mjs +9 -0
  65. package/{mwc-line-ripple-directive-a97ce725.js → mwc-line-ripple-directive.mjs} +16 -16
  66. package/mwc-list-base.mjs +111 -0
  67. package/mwc-list-item-base.mjs +28 -0
  68. package/mwc-list-item.css.mjs +9 -0
  69. package/{mwc-menu-base-ac49fe54.js → mwc-menu-base.mjs} +20 -20
  70. package/{mwc-radio-base-442d495a.js → mwc-radio-base.mjs} +11 -11
  71. package/mwc-radio.css.mjs +5 -0
  72. package/mwc-ripple.mjs +175 -0
  73. package/{mwc-slider.css-48f02f1e.js → mwc-slider.css.mjs} +20 -20
  74. package/{mwc-tab-base-1a19b299.js → mwc-tab-base.mjs} +22 -22
  75. package/{mwc-top-app-bar-base-14e0a018.js → mwc-top-app-bar-base.mjs} +10 -10
  76. package/nav-list-item.js +10 -10
  77. package/nav-list-item.mjs +28 -36
  78. package/{observer-a096ab43.js → observer.mjs} +1 -1
  79. package/package.json +1 -1
  80. package/radio-list-item.js +10 -10
  81. package/radio-list-item.mjs +24 -33
  82. package/radio.js +2 -2
  83. package/radio.mjs +19 -28
  84. package/ripple-handlers.mjs +5 -0
  85. package/select.js +28 -28
  86. package/select.mjs +21 -31
  87. package/side-sheet.js +4 -4
  88. package/side-sheet.mjs +8 -14
  89. package/slider-range.js +7 -7
  90. package/slider-range.mjs +64 -72
  91. package/slider.js +3 -3
  92. package/slider.mjs +21 -29
  93. package/snackbar.js +15 -15
  94. package/snackbar.mjs +21 -27
  95. package/status-header-item.js +4 -4
  96. package/status-header-item.mjs +13 -14
  97. package/status-header.js +6 -6
  98. package/status-header.mjs +7 -9
  99. package/style.css +1 -1
  100. package/switch.js +18 -18
  101. package/switch.mjs +22 -31
  102. package/tab-bar.js +21 -21
  103. package/tab-bar.mjs +14 -23
  104. package/tab.js +3 -3
  105. package/tab.mjs +6 -15
  106. package/text-lockup.js +5 -5
  107. package/text-lockup.mjs +6 -8
  108. package/textarea.js +14 -14
  109. package/textarea.mjs +20 -28
  110. package/textfield.js +3 -3
  111. package/textfield.mjs +132 -41
  112. package/{textfield-276b0ded.mjs → textfield2.mjs} +21 -28
  113. package/toolbar.js +3 -3
  114. package/toolbar.mjs +4 -10
  115. package/tooltip.js +12 -12
  116. package/tooltip.mjs +9 -13
  117. package/top-app-bar-fixed.js +5 -5
  118. package/top-app-bar-fixed.mjs +23 -29
  119. package/top-app-bar.js +3 -3
  120. package/top-app-bar.mjs +6 -30
  121. package/{top-app-bar-a236c3bc.mjs → top-app-bar2.mjs} +1 -1
  122. package/tree-list-item.js +8 -8
  123. package/tree-list-item.mjs +3 -5
  124. package/tree-list.js +3 -3
  125. package/tree-list.mjs +4 -4
  126. package/typography.js +4 -4
  127. package/typography.mjs +11 -12
  128. package/aria-property-fa2717fe.mjs +0 -41
  129. package/base-element-c3dc926e.mjs +0 -28
  130. package/base-element-d5abe37a.js +0 -5
  131. package/class-map-08c84aeb.mjs +0 -62
  132. package/class-map-50b8edb4.js +0 -9
  133. package/dialog-8ee07177.js +0 -162
  134. package/directive-helpers-725a181d.mjs +0 -11
  135. package/directive-helpers-fce8cf91.js +0 -5
  136. package/event-options-3937d997.mjs +0 -14
  137. package/event-options-7bc382d8.js +0 -5
  138. package/form-element-6dbd7afa.mjs +0 -50
  139. package/foundation-2334d146.mjs +0 -60
  140. package/foundation-c580100a.mjs +0 -152
  141. package/if-defined-639ed018.mjs +0 -10
  142. package/if-defined-cb12d481.js +0 -5
  143. package/inert.esm-359d4581.mjs +0 -640
  144. package/list-170cca53.js +0 -5
  145. package/list-item-26ddcc43.js +0 -8
  146. package/list-item-c1e72538.mjs +0 -43
  147. package/mwc-checkbox-base-10e977f2.mjs +0 -198
  148. package/mwc-checkbox.css-956e3d6c.js +0 -5
  149. package/mwc-checkbox.css-b7abc7fd.mjs +0 -10
  150. package/mwc-drawer-base-b2b772c3.mjs +0 -335
  151. package/mwc-icon-b96fb867.js +0 -9
  152. package/mwc-icon-c7013880.mjs +0 -26
  153. package/mwc-line-ripple-directive-c3e1f04a.mjs +0 -653
  154. package/mwc-list-base-7d5f7278.js +0 -111
  155. package/mwc-list-base-c0f8af1c.mjs +0 -840
  156. package/mwc-list-item-base-803b9771.js +0 -28
  157. package/mwc-list-item-base-acef0223.mjs +0 -202
  158. package/mwc-list-item.css-401e2407.js +0 -9
  159. package/mwc-list-item.css-b5481d96.mjs +0 -17
  160. package/mwc-menu-base-8970b43d.mjs +0 -1145
  161. package/mwc-radio-base-c29e6f42.mjs +0 -528
  162. package/mwc-radio.css-388ad26d.js +0 -5
  163. package/mwc-radio.css-4694aa9c.mjs +0 -10
  164. package/mwc-slider.css-336f809b.mjs +0 -956
  165. package/mwc-tab-base-7fb3d339.mjs +0 -694
  166. package/mwc-top-app-bar-base-79c87e69.mjs +0 -380
  167. package/observer-be7b92e2.mjs +0 -32
  168. package/property-074570d1.js +0 -5
  169. package/property-ca27685b.mjs +0 -20
  170. package/query-1e7846ea.mjs +0 -25
  171. package/query-2ba749b7.js +0 -5
  172. package/query-assigned-elements-07e38f46.js +0 -33
  173. package/query-assigned-elements-514e5265.mjs +0 -615
  174. package/query-assigned-nodes-9ec0fa5f.js +0 -5
  175. package/query-assigned-nodes-bea12e0c.mjs +0 -17
  176. package/ripple-handlers-2176f137.js +0 -107
  177. package/ripple-handlers-227497d3.mjs +0 -761
  178. package/state-6f7e570d.mjs +0 -12
  179. package/state-949232e6.js +0 -5
  180. package/style-map-2cb0fb63.mjs +0 -40
  181. package/style-map-3056a771.js +0 -5
  182. package/textfield-507c6a06.js +0 -133
  183. package/top-app-bar-34e85527.js +0 -6
  184. package/tslib.es6-6b53b818.js +0 -1
  185. package/tslib.es6-b5e819a6.mjs +0 -82
  186. package/utils-a8190a39.js +0 -5
  187. package/utils-dc65fdc9.mjs +0 -52
  188. /package/{aria-property-849c8816.js → aria-property.mjs} +0 -0
  189. /package/{foundation-e830bd94.js → foundation2.mjs} +0 -0
  190. /package/{inert.esm-2cee6f2e.js → inert.esm.mjs} +0 -0
package/action-ribbon.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./query-assigned-elements-07e38f46.js"),p=require("./utils-a8190a39.js"),h=require("./observer-a096ab43.js"),t=require("./foundation-3f55a9dc.js"),_=require("./class-map-50b8edb4.js"),b=require("./property-074570d1.js"),l=require("./query-2ba749b7.js");require("./tslib.es6-6b53b818.js");require("./foundation-e830bd94.js");var g=Object.defineProperty,u=Object.getOwnPropertyDescriptor,o=(a,e,i,c)=>{for(var n=c>1?void 0:c?u(e,i):e,d=a.length-1,m;d>=0;d--)(m=a[d])&&(n=(c?m(e,i,n):m(n))||n);return c&&n&&g(e,i,n),n};class r extends s.s{constructor(){super(...arguments),this.mdcFoundationClass=t.MDCBannerFoundation,this.open=!0,this.labelText="",this.icon="",this.iconAriaLabel="",this.centered=!0,this.reason=t.CloseReason.UNSPECIFIED}render(){const e={"mdc-banner":!0,negative:this.state==="negative",positive:this.state==="positive",caution:this.state==="caution",active:this.state==="active","mdc-banner--centered":this.centered};return s.y` <div class="${_.o(e)}" role="banner">
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./mwc-ripple.mjs"),b=require("./observer.mjs"),r=require("./foundation.mjs");require("./foundation2.mjs");var l=Object.defineProperty,p=Object.getOwnPropertyDescriptor,d=(i,e,c,o)=>{for(var t=o>1?void 0:o?p(e,c):e,m=i.length-1,s;m>=0;m--)(s=i[m])&&(t=(o?s(e,c,t):s(t))||t);return o&&t&&l(e,c,t),t};class a extends n.s{constructor(){super(...arguments),this.mdcFoundationClass=r.MDCBannerFoundation,this.open=!0,this.labelText="",this.icon="",this.iconAriaLabel="",this.centered=!0,this.reason=r.CloseReason.UNSPECIFIED}render(){const e={"mdc-banner":!0,negative:this.state==="negative",positive:this.state==="positive",caution:this.state==="caution",active:this.state==="active","mdc-banner--centered":this.centered};return n.y` <div class="${n.o(e)}" role="banner">
2
2
  <div class="mdc-banner__content" role="alertdialog" aria-live="assertive" aria-label="${this.labelText}">
3
3
  <div class="mdc-banner__graphic-text-wrapper">
4
4
  ${this.icon?this.renderIcon():""}
@@ -8,11 +8,11 @@
8
8
  <slot name="action-items"></slot>
9
9
  </div>
10
10
  </div>
11
- </div>`}renderIcon(){return s.y` <div class="mdc-banner__graphic" role="img" aria-label="${this.iconAriaLabel}">
11
+ </div>`}renderIcon(){return n.y` <div class="mdc-banner__graphic" role="img" aria-label="${this.iconAriaLabel}">
12
12
  <slot name="icon">
13
13
  <cv-icon class="mdc-banner__icon"> ${this.icon} </cv-icon>
14
14
  </slot>
15
- </div>`}createAdapter(){return{...p.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,i)=>this.mdcRoot.style.setProperty(e,i),trapFocus:()=>{var e;return(e=this.primaryActionEl)==null?void 0:e.focus()},releaseFocus:()=>{var e;return(e=this.primaryActionEl)==null?void 0:e.blur()},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(t.events.ACTION_CLICKED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosed:e=>this.dispatchEvent(new CustomEvent(t.events.CLOSED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosing:e=>this.dispatchEvent(new CustomEvent(t.events.CLOSING,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyOpened:()=>this.dispatchEvent(new CustomEvent(t.events.OPENED,{bubbles:!0,cancelable:!0})),notifyOpening:()=>this.dispatchEvent(new CustomEvent(t.events.OPENING,{bubbles:!0,cancelable:!0}))}}show(){this.open=!0}close(e=t.CloseReason.UNSPECIFIED){this.reason=e,this.open=!1}async firstUpdated(){this.mdcFoundation!==void 0&&this.mdcFoundation.destroy(),this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.open&&this.mdcFoundation.open()}}o([l.i(".mdc-banner")],r.prototype,"mdcRoot",2);o([l.i(t.selectors.CONTENT)],r.prototype,"mdcContent",2);o([l.i(t.selectors.PRIMARY_ACTION)],r.prototype,"primaryActionEl",2);o([b.e({type:Boolean,reflect:!0}),h.observer(function(a){this.mdcFoundation&&(a?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=t.CloseReason.UNSPECIFIED))})],r.prototype,"open",2);o([b.e({type:String})],r.prototype,"labelText",2);o([b.e({type:String})],r.prototype,"icon",2);o([b.e({type:String})],r.prototype,"iconAriaLabel",2);o([b.e({type:Boolean})],r.prototype,"centered",2);o([b.e()],r.prototype,"state",2);const f=`.mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}.mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-banner__content,.mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){.mdc-banner__content,.mdc-banner__fixed{min-width:100%}}.mdc-banner__content{max-width:720px}.mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){.mdc-banner .mdc-banner__fixed{left:0;right:0}.mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] .mdc-banner .mdc-banner__text,.mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}.mdc-banner--opening,.mdc-banner--open,.mdc-banner--closing{display:flex}.mdc-banner--open{transition:height .3s ease}.mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}.mdc-banner--closing{transition:height .25s ease}.mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}.mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}.mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}.mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}.mdc-banner__graphic-text-wrapper{display:flex;width:100%}.mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] .mdc-banner__graphic,.mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}.mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}.mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] .mdc-banner__text,.mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}.mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] .mdc-banner__actions,.mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}.mdc-banner{background-color:#fff;border-bottom-color:#0000001f;border-bottom-width:1px;border-radius:0}.mdc-banner .mdc-banner__text{color:#000}.mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;font-size:.875rem;font-family:Roboto,sans-serif;font-weight:400;line-height:1.25rem}.mdc-banner .mdc-banner__graphic{border-radius:50%}.mdc-banner .mdc-banner__graphic{height:40px;width:40px}.mdc-banner .mdc-banner__fixed{background-color:#fff}.mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f}.mdc-banner .mdc-banner__fixed{border-bottom-width:1px}.mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, #6200ee)}.mdc-banner .mdc-button .mdc-button__ripple:before,.mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, #6200ee)}.mdc-banner .mdc-button:hover .mdc-button__ripple:before,.mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, .04)}.mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, .12)}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity, .1)}.mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, .1)}.mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] .mdc-banner__secondary-action,.mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}.mdc-banner{--cv-action-ribbon-background: transparent;background-color:var(--cv-action-ribbon-background);overflow:hidden}.mdc-banner .mdc-banner__content{max-width:inherit}.mdc-banner .mdc-banner__graphic,.mdc-banner .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-text-icon-on-background);color:var(--mdc-theme-on-surface)}.mdc-banner .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-text-disabled-on-background);margin-left:16px;font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height)}.mdc-banner.caution{--cv-action-ribbon-background: var(--mdc-theme-surface-caution-highlight)}.mdc-banner.caution .mdc-banner__graphic,.mdc-banner.caution .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-caution-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-caution)}.mdc-banner.negative{--cv-action-ribbon-background: var( --mdc-theme-surface-negative-highlight )}.mdc-banner.negative .mdc-banner__graphic,.mdc-banner.negative .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-negative-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-error)}.mdc-banner.active{--cv-action-ribbon-background: var( --mdc-theme-surface-secondary-highlight )}.mdc-banner.active .mdc-banner__graphic,.mdc-banner.active .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-secondary-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-secondary)}.mdc-banner.positive{--cv-action-ribbon-background: var( --mdc-theme-surface-positive-highlight )}.mdc-banner.positive .mdc-banner__graphic,.mdc-banner.positive .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-positive-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-positive)}::slotted(*){margin-left:8px}.mdc-banner__content{min-height:56px}.mdc-banner__graphic{background-color:transparent;margin-top:8px;margin-bottom:8px}.mdc-banner__actions{align-self:center}
16
- `;var v=Object.defineProperty,x=Object.getOwnPropertyDescriptor,y=(a,e,i,c)=>{for(var n=c>1?void 0:c?x(e,i):e,d=a.length-1,m;d>=0;d--)(m=a[d])&&(n=(c?m(e,i,n):m(n))||n);return c&&n&&v(e,i,n),n};exports.CovalentActionRibbon=class extends r{};exports.CovalentActionRibbon.styles=[s.i`
17
- ${s.r(f)}
18
- `];exports.CovalentActionRibbon=y([s.e("cv-action-ribbon")],exports.CovalentActionRibbon);const C=exports.CovalentActionRibbon;exports.default=C;
15
+ </div>`}createAdapter(){return{...n.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,c)=>this.mdcRoot.style.setProperty(e,c),trapFocus:()=>{var e;return(e=this.primaryActionEl)==null?void 0:e.focus()},releaseFocus:()=>{var e;return(e=this.primaryActionEl)==null?void 0:e.blur()},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(r.events.ACTION_CLICKED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosed:e=>this.dispatchEvent(new CustomEvent(r.events.CLOSED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosing:e=>this.dispatchEvent(new CustomEvent(r.events.CLOSING,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyOpened:()=>this.dispatchEvent(new CustomEvent(r.events.OPENED,{bubbles:!0,cancelable:!0})),notifyOpening:()=>this.dispatchEvent(new CustomEvent(r.events.OPENING,{bubbles:!0,cancelable:!0}))}}show(){this.open=!0}close(e=r.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()}}d([n.i(".mdc-banner")],a.prototype,"mdcRoot",2);d([n.i(r.selectors.CONTENT)],a.prototype,"mdcContent",2);d([n.i(r.selectors.PRIMARY_ACTION)],a.prototype,"primaryActionEl",2);d([n.e({type:Boolean,reflect:!0}),b.observer(function(i){this.mdcFoundation&&(i?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=r.CloseReason.UNSPECIFIED))})],a.prototype,"open",2);d([n.e({type:String})],a.prototype,"labelText",2);d([n.e({type:String})],a.prototype,"icon",2);d([n.e({type:String})],a.prototype,"iconAriaLabel",2);d([n.e({type:Boolean})],a.prototype,"centered",2);d([n.e()],a.prototype,"state",2);const h=`.mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}.mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-banner__content,.mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){.mdc-banner__content,.mdc-banner__fixed{min-width:100%}}.mdc-banner__content{max-width:720px}.mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){.mdc-banner .mdc-banner__fixed{left:0;right:0}.mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] .mdc-banner .mdc-banner__text,.mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}.mdc-banner--opening,.mdc-banner--open,.mdc-banner--closing{display:flex}.mdc-banner--open{transition:height .3s ease}.mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}.mdc-banner--closing{transition:height .25s ease}.mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}.mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}.mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}.mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}.mdc-banner__graphic-text-wrapper{display:flex;width:100%}.mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] .mdc-banner__graphic,.mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}.mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}.mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] .mdc-banner__text,.mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}.mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] .mdc-banner__actions,.mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}.mdc-banner{background-color:#fff;border-bottom-color:#0000001f;border-bottom-width:1px;border-radius:0}.mdc-banner .mdc-banner__text{color:#000}.mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;font-size:.875rem;font-family:Roboto,sans-serif;font-weight:400;line-height:1.25rem}.mdc-banner .mdc-banner__graphic{border-radius:50%}.mdc-banner .mdc-banner__graphic{height:40px;width:40px}.mdc-banner .mdc-banner__fixed{background-color:#fff}.mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f}.mdc-banner .mdc-banner__fixed{border-bottom-width:1px}.mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, #6200ee)}.mdc-banner .mdc-button .mdc-button__ripple:before,.mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, #6200ee)}.mdc-banner .mdc-button:hover .mdc-button__ripple:before,.mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, .04)}.mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, .12)}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity, .1)}.mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, .1)}.mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] .mdc-banner__secondary-action,.mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}.mdc-banner{--cv-action-ribbon-background: transparent;background-color:var(--cv-action-ribbon-background);overflow:hidden}.mdc-banner .mdc-banner__content{max-width:inherit}.mdc-banner .mdc-banner__graphic,.mdc-banner .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-text-icon-on-background);color:var(--mdc-theme-on-surface)}.mdc-banner .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-text-disabled-on-background);margin-left:16px;font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height)}.mdc-banner.caution{--cv-action-ribbon-background: var(--mdc-theme-surface-caution-highlight)}.mdc-banner.caution .mdc-banner__graphic,.mdc-banner.caution .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-caution-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-caution)}.mdc-banner.negative{--cv-action-ribbon-background: var( --mdc-theme-surface-negative-highlight )}.mdc-banner.negative .mdc-banner__graphic,.mdc-banner.negative .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-negative-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-error)}.mdc-banner.active{--cv-action-ribbon-background: var( --mdc-theme-surface-secondary-highlight )}.mdc-banner.active .mdc-banner__graphic,.mdc-banner.active .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-secondary-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-secondary)}.mdc-banner.positive{--cv-action-ribbon-background: var( --mdc-theme-surface-positive-highlight )}.mdc-banner.positive .mdc-banner__graphic,.mdc-banner.positive .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-positive-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-positive)}::slotted(*){margin-left:8px}.mdc-banner__content{min-height:56px}.mdc-banner__graphic{background-color:transparent;margin-top:8px;margin-bottom:8px}.mdc-banner__actions{align-self:center}
16
+ `;var _=Object.defineProperty,g=Object.getOwnPropertyDescriptor,u=(i,e,c,o)=>{for(var t=o>1?void 0:o?g(e,c):e,m=i.length-1,s;m>=0;m--)(s=i[m])&&(t=(o?s(e,c,t):s(t))||t);return o&&t&&_(e,c,t),t};exports.CovalentActionRibbon=class extends a{};exports.CovalentActionRibbon.styles=[n.i$1`
17
+ ${n.r(h)}
18
+ `];exports.CovalentActionRibbon=u([n.e$1("cv-action-ribbon")],exports.CovalentActionRibbon);const f=exports.CovalentActionRibbon;exports.default=f;
package/action-ribbon.mjs CHANGED
@@ -1,20 +1,15 @@
1
- import { s as g, y as h, i as u, r as f, e as v } from "./query-assigned-elements-514e5265.mjs";
2
- import { a as x } from "./utils-dc65fdc9.mjs";
3
- import { o as y } from "./observer-be7b92e2.mjs";
4
- import { s as _, C as p, M as w, e as s } from "./foundation-c580100a.mjs";
5
- import { o as C } from "./class-map-08c84aeb.mjs";
6
- import { e as m } from "./property-ca27685b.mjs";
7
- import { i as l } from "./query-1e7846ea.mjs";
8
- import "./tslib.es6-b5e819a6.mjs";
9
- import "./foundation-2334d146.mjs";
1
+ import { i as l, e as m, s as g, y as h, o as u, a as f, b as v, r as x, c as y } from "./mwc-ripple.mjs";
2
+ import { o as w } from "./observer.mjs";
3
+ import { s as _, C as p, M as C, e as s } from "./foundation.mjs";
4
+ import "./foundation2.mjs";
10
5
  var E = Object.defineProperty, k = Object.getOwnPropertyDescriptor, i = (c, e, r, a) => {
11
- for (var t = a > 1 ? void 0 : a ? k(e, r) : e, o = c.length - 1, d; o >= 0; o--)
12
- (d = c[o]) && (t = (a ? d(e, r, t) : d(t)) || t);
13
- return a && t && E(e, r, t), t;
6
+ for (var n = a > 1 ? void 0 : a ? k(e, r) : e, o = c.length - 1, d; o >= 0; o--)
7
+ (d = c[o]) && (n = (a ? d(e, r, n) : d(n)) || n);
8
+ return a && n && E(e, r, n), n;
14
9
  };
15
- class n extends g {
10
+ class t extends g {
16
11
  constructor() {
17
- super(...arguments), this.mdcFoundationClass = w, this.open = !0, this.labelText = "", this.icon = "", this.iconAriaLabel = "", this.centered = !0, this.reason = p.UNSPECIFIED;
12
+ super(...arguments), this.mdcFoundationClass = C, this.open = !0, this.labelText = "", this.icon = "", this.iconAriaLabel = "", this.centered = !0, this.reason = p.UNSPECIFIED;
18
13
  }
19
14
  render() {
20
15
  const e = {
@@ -25,7 +20,7 @@ class n extends g {
25
20
  active: this.state === "active",
26
21
  "mdc-banner--centered": this.centered
27
22
  };
28
- return h` <div class="${C(e)}" role="banner">
23
+ return h` <div class="${u(e)}" role="banner">
29
24
  <div class="mdc-banner__content" role="alertdialog" aria-live="assertive" aria-label="${this.labelText}">
30
25
  <div class="mdc-banner__graphic-text-wrapper">
31
26
  ${this.icon ? this.renderIcon() : ""}
@@ -46,7 +41,7 @@ class n extends g {
46
41
  }
47
42
  createAdapter() {
48
43
  return {
49
- ...x(this.mdcRoot),
44
+ ...f(this.mdcRoot),
50
45
  getContentHeight: () => this.mdcContent.offsetHeight,
51
46
  setStyleProperty: (e, r) => this.mdcRoot.style.setProperty(e, r),
52
47
  trapFocus: () => {
@@ -100,53 +95,53 @@ class n extends g {
100
95
  }
101
96
  i([
102
97
  l(".mdc-banner")
103
- ], n.prototype, "mdcRoot", 2);
98
+ ], t.prototype, "mdcRoot", 2);
104
99
  i([
105
100
  l(_.CONTENT)
106
- ], n.prototype, "mdcContent", 2);
101
+ ], t.prototype, "mdcContent", 2);
107
102
  i([
108
103
  l(_.PRIMARY_ACTION)
109
- ], n.prototype, "primaryActionEl", 2);
104
+ ], t.prototype, "primaryActionEl", 2);
110
105
  i([
111
106
  m({ type: Boolean, reflect: !0 }),
112
- y(function(c) {
107
+ w(function(c) {
113
108
  this.mdcFoundation && (c ? this.mdcFoundation.open() : (this.mdcFoundation.close(this.reason), this.reason = p.UNSPECIFIED));
114
109
  })
115
- ], n.prototype, "open", 2);
110
+ ], t.prototype, "open", 2);
116
111
  i([
117
112
  m({ type: String })
118
- ], n.prototype, "labelText", 2);
113
+ ], t.prototype, "labelText", 2);
119
114
  i([
120
115
  m({ type: String })
121
- ], n.prototype, "icon", 2);
116
+ ], t.prototype, "icon", 2);
122
117
  i([
123
118
  m({ type: String })
124
- ], n.prototype, "iconAriaLabel", 2);
119
+ ], t.prototype, "iconAriaLabel", 2);
125
120
  i([
126
121
  m({ type: Boolean })
127
- ], n.prototype, "centered", 2);
122
+ ], t.prototype, "centered", 2);
128
123
  i([
129
124
  m()
130
- ], n.prototype, "state", 2);
125
+ ], t.prototype, "state", 2);
131
126
  const O = `.mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}.mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-banner__content,.mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){.mdc-banner__content,.mdc-banner__fixed{min-width:100%}}.mdc-banner__content{max-width:720px}.mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){.mdc-banner .mdc-banner__fixed{left:0;right:0}.mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] .mdc-banner .mdc-banner__text,.mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}.mdc-banner--opening,.mdc-banner--open,.mdc-banner--closing{display:flex}.mdc-banner--open{transition:height .3s ease}.mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}.mdc-banner--closing{transition:height .25s ease}.mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}.mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}.mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}.mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}.mdc-banner__graphic-text-wrapper{display:flex;width:100%}.mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] .mdc-banner__graphic,.mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}.mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}.mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] .mdc-banner__text,.mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}.mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] .mdc-banner__actions,.mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}.mdc-banner{background-color:#fff;border-bottom-color:#0000001f;border-bottom-width:1px;border-radius:0}.mdc-banner .mdc-banner__text{color:#000}.mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;font-size:.875rem;font-family:Roboto,sans-serif;font-weight:400;line-height:1.25rem}.mdc-banner .mdc-banner__graphic{border-radius:50%}.mdc-banner .mdc-banner__graphic{height:40px;width:40px}.mdc-banner .mdc-banner__fixed{background-color:#fff}.mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f}.mdc-banner .mdc-banner__fixed{border-bottom-width:1px}.mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, #6200ee)}.mdc-banner .mdc-button .mdc-button__ripple:before,.mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, #6200ee)}.mdc-banner .mdc-button:hover .mdc-button__ripple:before,.mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, .04)}.mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, .12)}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity, .1)}.mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, .1)}.mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] .mdc-banner__secondary-action,.mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}.mdc-banner{--cv-action-ribbon-background: transparent;background-color:var(--cv-action-ribbon-background);overflow:hidden}.mdc-banner .mdc-banner__content{max-width:inherit}.mdc-banner .mdc-banner__graphic,.mdc-banner .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-text-icon-on-background);color:var(--mdc-theme-on-surface)}.mdc-banner .mdc-banner__text{--mdc-theme-on-surface: var(--mdc-theme-text-disabled-on-background);margin-left:16px;font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height)}.mdc-banner.caution{--cv-action-ribbon-background: var(--mdc-theme-surface-caution-highlight)}.mdc-banner.caution .mdc-banner__graphic,.mdc-banner.caution .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-caution-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-caution)}.mdc-banner.negative{--cv-action-ribbon-background: var( --mdc-theme-surface-negative-highlight )}.mdc-banner.negative .mdc-banner__graphic,.mdc-banner.negative .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-negative-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-error)}.mdc-banner.active{--cv-action-ribbon-background: var( --mdc-theme-surface-secondary-highlight )}.mdc-banner.active .mdc-banner__graphic,.mdc-banner.active .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-secondary-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-secondary)}.mdc-banner.positive{--cv-action-ribbon-background: var( --mdc-theme-surface-positive-highlight )}.mdc-banner.positive .mdc-banner__graphic,.mdc-banner.positive .mdc-banner__text{--mdc-theme-primary: var(--mdc-theme-surface-positive-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-positive)}::slotted(*){margin-left:8px}.mdc-banner__content{min-height:56px}.mdc-banner__graphic{background-color:transparent;margin-top:8px;margin-bottom:8px}.mdc-banner__actions{align-self:center}
132
127
  `;
133
128
  var P = Object.defineProperty, A = Object.getOwnPropertyDescriptor, F = (c, e, r, a) => {
134
- for (var t = a > 1 ? void 0 : a ? A(e, r) : e, o = c.length - 1, d; o >= 0; o--)
135
- (d = c[o]) && (t = (a ? d(e, r, t) : d(t)) || t);
136
- return a && t && P(e, r, t), t;
129
+ for (var n = a > 1 ? void 0 : a ? A(e, r) : e, o = c.length - 1, d; o >= 0; o--)
130
+ (d = c[o]) && (n = (a ? d(e, r, n) : d(n)) || n);
131
+ return a && n && P(e, r, n), n;
137
132
  };
138
- let b = class extends n {
133
+ let b = class extends t {
139
134
  };
140
135
  b.styles = [
141
- u`
142
- ${f(O)}
136
+ v`
137
+ ${x(O)}
143
138
  `
144
139
  ];
145
140
  b = F([
146
- v("cv-action-ribbon")
141
+ y("cv-action-ribbon")
147
142
  ], b);
148
- const j = b;
143
+ const R = b;
149
144
  export {
150
145
  b as CovalentActionRibbon,
151
- j as default
146
+ R as default
152
147
  };
package/alert.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./query-assigned-elements-07e38f46.js"),l=require("./utils-a8190a39.js"),p=require("./observer-a096ab43.js"),h=require("./foundation-3f55a9dc.js"),_=require("./class-map-50b8edb4.js"),s=require("./property-074570d1.js"),b=require("./query-2ba749b7.js");require("./tslib.es6-6b53b818.js");require("./foundation-e830bd94.js");var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,i=(r,e,a,o)=>{for(var t=o>1?void 0:o?f(e,a):e,c=r.length-1,d;c>=0;c--)(d=r[c])&&(t=(o?d(e,a,t):d(t))||t);return o&&t&&g(e,a,t),t};class n extends m.s{constructor(){super(...arguments),this.mdcFoundationClass=h.MDCBannerFoundation,this.open=!0,this.titleText="",this.descriptionText="",this.icon="",this.iconAriaLabel="",this.inline=!1,this.state="",this.reason=h.CloseReason.UNSPECIFIED}render(){const e={"mdc-banner":!0,"cv-banner--inline":this.inline,negative:this.state==="negative",positive:this.state==="positive",caution:this.state==="caution",active:this.state==="active"};return m.y` <div class="${_.o(e)}" role="banner">
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./mwc-ripple.mjs"),h=require("./observer.mjs"),m=require("./foundation.mjs");require("./foundation2.mjs");var b=Object.defineProperty,l=Object.getOwnPropertyDescriptor,c=(a,e,o,i)=>{for(var n=i>1?void 0:i?l(e,o):e,d=a.length-1,s;d>=0;d--)(s=a[d])&&(n=(i?s(e,o,n):s(n))||n);return i&&n&&b(e,o,n),n};class r extends t.s{constructor(){super(...arguments),this.mdcFoundationClass=m.MDCBannerFoundation,this.open=!0,this.titleText="",this.descriptionText="",this.icon="",this.iconAriaLabel="",this.inline=!1,this.state="",this.reason=m.CloseReason.UNSPECIFIED}render(){const e={"mdc-banner":!0,"cv-banner--inline":this.inline,negative:this.state==="negative",positive:this.state==="positive",caution:this.state==="caution",active:this.state==="active"};return t.y` <div class="${t.o(e)}" role="banner">
2
2
  <div class="mdc-banner__content" role="alertdialog" aria-live="assertive" aria-label="${this.titleText}">
3
3
  <div class="mdc-banner__graphic-text-wrapper">
4
4
  ${this.icon?this.renderIcon():""}
@@ -11,11 +11,11 @@
11
11
  <slot name="action-items"></slot>
12
12
  </div>
13
13
  </div>
14
- </div>`}renderIcon(){return m.y` <div class="mdc-banner__graphic" role="img" aria-label="${this.iconAriaLabel}">
14
+ </div>`}renderIcon(){return t.y` <div class="mdc-banner__graphic" role="img" aria-label="${this.iconAriaLabel}">
15
15
  <slot name="icon">
16
16
  <cv-icon class="mdc-banner__icon"> ${this.icon} </cv-icon>
17
17
  </slot>
18
- </div>`}createAdapter(){return{...l.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,a)=>{this.mdcRoot.style.setProperty(e,a)},trapFocus:()=>{},releaseFocus:()=>{},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(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()}}i([b.i(".mdc-banner")],n.prototype,"mdcRoot",2);i([b.i(".mdc-banner__content")],n.prototype,"mdcContent",2);i([s.e({type:Boolean,reflect:!0}),p.observer(function(r){this.mdcFoundation&&(r?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=h.CloseReason.UNSPECIFIED))})],n.prototype,"open",2);i([s.e({type:String})],n.prototype,"titleText",2);i([s.e({type:String})],n.prototype,"descriptionText",2);i([s.e({type:String})],n.prototype,"icon",2);i([s.e({type:String})],n.prototype,"iconAriaLabel",2);i([s.e({type:Boolean})],n.prototype,"inline",2);i([s.e()],n.prototype,"state",2);const u=`:host .mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}:host .mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:100%}}:host .mdc-banner__content{max-width:720px}:host .mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){:host .mdc-banner .mdc-banner__fixed{left:0;right:0}:host .mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] :host .mdc-banner .mdc-banner__text,:host .mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] :host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}:host .mdc-banner--opening,:host .mdc-banner--open,:host .mdc-banner--closing{display:flex}:host .mdc-banner--open{transition:height .3s ease}:host .mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}:host .mdc-banner--closing{transition:height .25s ease}:host .mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}:host .mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}:host .mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}:host .mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}:host .mdc-banner__graphic-text-wrapper{display:flex;width:100%}:host .mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] :host .mdc-banner__graphic,:host .mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}:host .mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}:host .mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] :host .mdc-banner__text,:host .mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}:host .mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] :host .mdc-banner__actions,:host .mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}:host .mdc-banner{background-color:#fff;border-bottom-color:#0000001f;border-bottom-width:1px;border-radius:0}:host .mdc-banner .mdc-banner__text{color:#000}:host .mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;font-size:.875rem;font-family:Roboto,sans-serif;font-weight:400;line-height:1.25rem}:host .mdc-banner .mdc-banner__graphic{border-radius:50%}:host .mdc-banner .mdc-banner__graphic{height:40px;width:40px}:host .mdc-banner .mdc-banner__fixed{background-color:#fff}:host .mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f}:host .mdc-banner .mdc-banner__fixed{border-bottom-width:1px}:host .mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, #6200ee)}:host .mdc-banner .mdc-button .mdc-button__ripple:before,:host .mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-hover-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, .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, .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, .1)}:host .mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, .1)}:host .mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] :host .mdc-banner__secondary-action,:host .mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}:host .mdc-banner{--mdc-theme-surface: var(--mdc-theme-surface-neutral);background-color:var(--mdc-theme-surface)}:host .mdc-banner .mdc-banner__graphic{--mdc-theme-surface: var(--mdc-theme-text-icon-on-background)}:host .mdc-banner .mdc-banner__text{color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__text .mdc-typography--body2{font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:700;line-height:var(--mdc-typography-body2-line-height)}:host .mdc-banner .mdc-banner__text .mdc-typography--body1{color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height)}:host .mdc-banner.caution{--mdc-theme-surface: var(--mdc-theme-surface-caution)}:host .mdc-banner.caution.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-caution-highlight)}:host .mdc-banner.caution.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.caution.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-caution);--mdc-theme-text-primary-on-background: var(--mdc-theme-caution)}:host .mdc-banner.negative{--mdc-theme-surface: var(--mdc-theme-surface-negative)}:host .mdc-banner.negative.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-negative-highlight)}:host .mdc-banner.negative.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.negative.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-negative);--mdc-theme-text-primary-on-background: var(--mdc-theme-negative)}:host .mdc-banner.active{--mdc-theme-surface: var(--mdc-theme-surface-secondary)}:host .mdc-banner.active.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-secondary-highlight)}:host .mdc-banner.active.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.active.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-secondary);--mdc-theme-text-primary-on-background: var(--mdc-theme-secondary)}:host .mdc-banner.positive{--mdc-theme-surface: var(--mdc-theme-surface-positive)}:host .mdc-banner.positive.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-positive-highlight)}:host .mdc-banner.positive.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.positive.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-positive);--mdc-theme-text-primary-on-background: var(--mdc-theme-positive)}:host .mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity .28s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}:host .mdc-banner{border-radius:8px;position:relative;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;overflow:hidden;border:none}:host .mdc-banner .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}:host .mdc-banner .mdc-banner__content{max-width:inherit}:host .mdc-banner .mdc-banner__graphic{background:none;margin-left:24px;width:24px}:host .mdc-banner .mdc-banner__text{margin-left:24px}:host .mdc-banner .mdc-banner__actions{align-self:center;align-items:center}:host .mdc-banner.cv-banner--inline{border-radius:0;box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}:host ::slotted(*){margin-left:8px}
19
- `;var v=Object.defineProperty,x=Object.getOwnPropertyDescriptor,y=(r,e,a,o)=>{for(var t=o>1?void 0:o?x(e,a):e,c=r.length-1,d;c>=0;c--)(d=r[c])&&(t=(o?d(e,a,t):d(t))||t);return o&&t&&v(e,a,t),t};exports.CovalentAlert=class extends n{};exports.CovalentAlert.styles=[m.i`
20
- ${m.r(u)}
21
- `];exports.CovalentAlert=y([m.e("cv-alert")],exports.CovalentAlert);const w=exports.CovalentAlert;exports.default=w;
18
+ </div>`}createAdapter(){return{...t.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,o)=>{this.mdcRoot.style.setProperty(e,o)},trapFocus:()=>{},releaseFocus:()=>{},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(m.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=m.CloseReason.UNSPECIFIED){this.reason=e,this.open=!1}async firstUpdated(){this.mdcFoundation!==void 0&&this.mdcFoundation.destroy(),this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.open&&this.mdcFoundation.open()}}c([t.i(".mdc-banner")],r.prototype,"mdcRoot",2);c([t.i(".mdc-banner__content")],r.prototype,"mdcContent",2);c([t.e({type:Boolean,reflect:!0}),h.observer(function(a){this.mdcFoundation&&(a?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=m.CloseReason.UNSPECIFIED))})],r.prototype,"open",2);c([t.e({type:String})],r.prototype,"titleText",2);c([t.e({type:String})],r.prototype,"descriptionText",2);c([t.e({type:String})],r.prototype,"icon",2);c([t.e({type:String})],r.prototype,"iconAriaLabel",2);c([t.e({type:Boolean})],r.prototype,"inline",2);c([t.e()],r.prototype,"state",2);const p=`: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;border-bottom-color:#0000001f;border-bottom-width:1px;border-radius:0}:host .mdc-banner .mdc-banner__text{color:#000}:host .mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;font-size:.875rem;font-family:Roboto,sans-serif;font-weight:400;line-height:1.25rem}:host .mdc-banner .mdc-banner__graphic{border-radius:50%}:host .mdc-banner .mdc-banner__graphic{height:40px;width:40px}:host .mdc-banner .mdc-banner__fixed{background-color:#fff}:host .mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f}:host .mdc-banner .mdc-banner__fixed{border-bottom-width:1px}:host .mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, #6200ee)}:host .mdc-banner .mdc-button .mdc-button__ripple:before,:host .mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-hover-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, .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, .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, .1)}:host .mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, .1)}:host .mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] :host .mdc-banner__secondary-action,:host .mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}:host .mdc-banner{--mdc-theme-surface: var(--mdc-theme-surface-neutral);background-color:var(--mdc-theme-surface)}:host .mdc-banner .mdc-banner__graphic{--mdc-theme-surface: var(--mdc-theme-text-icon-on-background)}:host .mdc-banner .mdc-banner__text{color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__text .mdc-typography--body2{font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:700;line-height:var(--mdc-typography-body2-line-height)}:host .mdc-banner .mdc-banner__text .mdc-typography--body1{color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height)}:host .mdc-banner.caution{--mdc-theme-surface: var(--mdc-theme-surface-caution)}:host .mdc-banner.caution.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-caution-highlight)}:host .mdc-banner.caution.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.caution.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-caution);--mdc-theme-text-primary-on-background: var(--mdc-theme-caution)}:host .mdc-banner.negative{--mdc-theme-surface: var(--mdc-theme-surface-negative)}:host .mdc-banner.negative.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-negative-highlight)}:host .mdc-banner.negative.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.negative.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-negative);--mdc-theme-text-primary-on-background: var(--mdc-theme-negative)}:host .mdc-banner.active{--mdc-theme-surface: var(--mdc-theme-surface-secondary)}:host .mdc-banner.active.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-secondary-highlight)}:host .mdc-banner.active.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.active.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-secondary);--mdc-theme-text-primary-on-background: var(--mdc-theme-secondary)}:host .mdc-banner.positive{--mdc-theme-surface: var(--mdc-theme-surface-positive)}:host .mdc-banner.positive.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-positive-highlight)}:host .mdc-banner.positive.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.positive.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-positive);--mdc-theme-text-primary-on-background: var(--mdc-theme-positive)}:host .mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity .28s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}:host .mdc-banner{border-radius:8px;position:relative;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;overflow:hidden;border:none}:host .mdc-banner .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}:host .mdc-banner .mdc-banner__content{max-width:inherit}:host .mdc-banner .mdc-banner__graphic{background:none;margin-left:24px;width:24px}:host .mdc-banner .mdc-banner__text{margin-left:24px}:host .mdc-banner .mdc-banner__actions{align-self:center;align-items:center}:host .mdc-banner.cv-banner--inline{border-radius:0;box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}:host ::slotted(*){margin-left:8px}
19
+ `;var _=Object.defineProperty,g=Object.getOwnPropertyDescriptor,f=(a,e,o,i)=>{for(var n=i>1?void 0:i?g(e,o):e,d=a.length-1,s;d>=0;d--)(s=a[d])&&(n=(i?s(e,o,n):s(n))||n);return i&&n&&_(e,o,n),n};exports.CovalentAlert=class extends r{};exports.CovalentAlert.styles=[t.i$1`
20
+ ${t.r(p)}
21
+ `];exports.CovalentAlert=f([t.e$1("cv-alert")],exports.CovalentAlert);const u=exports.CovalentAlert;exports.default=u;
package/alert.mjs CHANGED
@@ -1,12 +1,7 @@
1
- import { s as l, y as b, i as _, r as f, e as g } from "./query-assigned-elements-514e5265.mjs";
2
- import { a as v } from "./utils-dc65fdc9.mjs";
3
- import { o as u } from "./observer-be7b92e2.mjs";
4
- import { C as h, M as x, e as y } from "./foundation-c580100a.mjs";
5
- import { o as w } from "./class-map-08c84aeb.mjs";
6
- import { e as s } from "./property-ca27685b.mjs";
7
- import { i as p } from "./query-1e7846ea.mjs";
8
- import "./tslib.es6-b5e819a6.mjs";
9
- import "./foundation-2334d146.mjs";
1
+ import { i as p, e as s, s as l, y as b, o as _, a as f, b as g, r as v, c as u } from "./mwc-ripple.mjs";
2
+ import { o as x } from "./observer.mjs";
3
+ import { C as h, M as y, e as w } from "./foundation.mjs";
4
+ import "./foundation2.mjs";
10
5
  var C = Object.defineProperty, k = Object.getOwnPropertyDescriptor, o = (i, e, r, a) => {
11
6
  for (var t = a > 1 ? void 0 : a ? k(e, r) : e, c = i.length - 1, d; c >= 0; c--)
12
7
  (d = i[c]) && (t = (a ? d(e, r, t) : d(t)) || t);
@@ -14,7 +9,7 @@ var C = Object.defineProperty, k = Object.getOwnPropertyDescriptor, o = (i, e, r
14
9
  };
15
10
  class n extends l {
16
11
  constructor() {
17
- super(...arguments), this.mdcFoundationClass = x, this.open = !0, this.titleText = "", this.descriptionText = "", this.icon = "", this.iconAriaLabel = "", this.inline = !1, this.state = "", this.reason = h.UNSPECIFIED;
12
+ super(...arguments), this.mdcFoundationClass = y, this.open = !0, this.titleText = "", this.descriptionText = "", this.icon = "", this.iconAriaLabel = "", this.inline = !1, this.state = "", this.reason = h.UNSPECIFIED;
18
13
  }
19
14
  render() {
20
15
  const e = {
@@ -25,7 +20,7 @@ class n extends l {
25
20
  caution: this.state === "caution",
26
21
  active: this.state === "active"
27
22
  };
28
- return b` <div class="${w(e)}" role="banner">
23
+ return b` <div class="${_(e)}" role="banner">
29
24
  <div class="mdc-banner__content" role="alertdialog" aria-live="assertive" aria-label="${this.titleText}">
30
25
  <div class="mdc-banner__graphic-text-wrapper">
31
26
  ${this.icon ? this.renderIcon() : ""}
@@ -50,7 +45,7 @@ class n extends l {
50
45
  }
51
46
  createAdapter() {
52
47
  return {
53
- ...v(this.mdcRoot),
48
+ ...f(this.mdcRoot),
54
49
  getContentHeight: () => this.mdcContent.offsetHeight,
55
50
  setStyleProperty: (e, r) => {
56
51
  this.mdcRoot.style.setProperty(e, r);
@@ -60,7 +55,7 @@ class n extends l {
60
55
  releaseFocus: () => {
61
56
  },
62
57
  notifyActionClicked: (e) => this.dispatchEvent(
63
- new CustomEvent(y.ACTION_CLICKED, {
58
+ new CustomEvent(w.ACTION_CLICKED, {
64
59
  bubbles: !0,
65
60
  cancelable: !0,
66
61
  detail: { reason: e }
@@ -98,7 +93,7 @@ o([
98
93
  ], n.prototype, "mdcContent", 2);
99
94
  o([
100
95
  s({ type: Boolean, reflect: !0 }),
101
- u(function(i) {
96
+ x(function(i) {
102
97
  this.mdcFoundation && (i ? this.mdcFoundation.open() : (this.mdcFoundation.close(this.reason), this.reason = h.UNSPECIFIED));
103
98
  })
104
99
  ], n.prototype, "open", 2);
@@ -130,15 +125,15 @@ var $ = Object.defineProperty, P = Object.getOwnPropertyDescriptor, O = (i, e, r
130
125
  let m = class extends n {
131
126
  };
132
127
  m.styles = [
133
- _`
134
- ${f(F)}
128
+ g`
129
+ ${v(F)}
135
130
  `
136
131
  ];
137
132
  m = O([
138
- g("cv-alert")
133
+ u("cv-alert")
139
134
  ], m);
140
- const B = m;
135
+ const E = m;
141
136
  export {
142
137
  m as CovalentAlert,
143
- B as default
138
+ E as default
144
139
  };
@@ -11,6 +11,8 @@ declare global {
11
11
  */
12
12
  export declare class CovalentAppShell extends DrawerBase {
13
13
  static styles: import("lit").CSSResult[];
14
+ navigationListElements: HTMLElement[];
15
+ userMenuElements: HTMLElement[];
14
16
  /**
15
17
  * The name of the application to show in the small app bar
16
18
  */
@@ -1 +1 @@
1
- {"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/app-shell/app-shell.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAGlE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,gBAAgB,CAAC;KAClC;CACF;AAED;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAIpB;IAEF;;OAEG;IAEH,OAAO,SAAM;IAGb,QAAQ,UAAS;;IAQjB,OAAO,CAAC,WAAW;IAWnB,WAAW;IAWF,iBAAiB;IAKjB,oBAAoB;IAKpB,MAAM;CAsDhB;AAED,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/app-shell/app-shell.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAGlE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,gBAAgB,CAAC;KAClC;CACF;AAED;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAIpB;IAGF,sBAAsB,EAAG,WAAW,EAAE,CAAC;IAGvC,gBAAgB,EAAG,WAAW,EAAE,CAAC;IAEjC;;OAEG;IAEH,OAAO,SAAM;IAGb,QAAQ,UAAS;;IAQjB,OAAO,CAAC,WAAW;IAgBnB,WAAW;IAWF,iBAAiB;IAKjB,oBAAoB;IAKpB,MAAM;CAsDhB;AAED,eAAe,gBAAgB,CAAC"}
package/app-shell.js CHANGED
@@ -1,8 +1,8 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements-07e38f46.js"),c=require("./property-074570d1.js"),s=require("./class-map-50b8edb4.js"),m=require("./mwc-drawer-base-f44fcf34.js");require("./tslib.es6-6b53b818.js");require("./inert.esm-2cee6f2e.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./query-2ba749b7.js");const p=`.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle,.mdc-drawer .mdc-deprecated-list-item__graphic{color:#0009}.mdc-drawer .mdc-deprecated-list-item{color:#000000de}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:#6200eede}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:40px;margin:8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translate(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translate(100%)}.mdc-drawer--opening{transform:translate(0);transition-duration:.25s}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--closing{transform:translate(-100%);transition-duration:.2s}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title:before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title:after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:.25s;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:.2s;opacity:0}:host{--mdc-theme-surface: var(--mdc-theme-background);--mdc-list-vertical-padding: 0}.app-shell{background-color:var(--mdc-theme-surface);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100vh}.app-shell:after{content:"";position:absolute;top:0;height:2px;width:100%;z-index:1000;background-color:#f3753f}.main{grid-area:main;overflow:auto;height:100vh;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}.help{grid-area:help;width:320px;height:100vh;overflow-y:auto;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12));transition-property:width;transition-duration:.2s}.help.help--closed{width:0}[name=mini-list]::slotted(*){display:block;width:320px;height:100vh;overflow:auto;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (max-width: 1000px){[name=mini-list]::slotted(*){display:none}}nav.navigation{grid-area:nav;height:100vh;overflow-y:auto;border-right:0}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{display:flex;align-items:center}nav.navigation slot[name=logo]{display:none}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:12px;margin-right:12px}nav.navigation.mdc-drawer--open slot[name=logo]{display:block}[divider]{border-bottom:1px solid;margin:16px;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){nav.navigation{display:flex;flex-direction:column;transition-property:width;transition-duration:.2s;transform:none;background-color:transparent}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open{width:256px}.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none}}
2
- `;var h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(d,e,r,i)=>{for(var t=i>1?void 0:i?g(e,r):e,o=d.length-1,n;o>=0;o--)(n=d[o])&&(t=(i?n(e,r,t):n(t))||t);return i&&t&&h(e,r,t),t};exports.CovalentAppShell=class extends m.DrawerBase{constructor(){super(),this.appName="",this.helpOpen=!1,this.resizeEvent()}_toggleOpen(){this.mdcFoundation.isOpening()||this.mdcFoundation.isClosing()||(this.open=!this.open,this.dispatchEvent(new Event("CovalentAppShell:toggle",{bubbles:!0,composed:!0})))}resizeEvent(){const e=window.matchMedia("(max-width: 800px)");e.matches&&this.type!=="modal"?this.type="modal":!e.matches&&this.type!=="dismissible"&&(this.type="dismissible"),this.requestUpdate()}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",()=>this.resizeEvent())}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.resizeEvent)}render(){const e=this.type==="dismissible"||this.type==="modal",r=this.type==="modal",i={"mdc-drawer--dismissible":e,"mdc-drawer--modal":r},t={"help--closed":!this.helpOpen},o=r?a.y`<div
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./mwc-ripple.mjs"),s=require("./mwc-drawer-base.mjs");require("./inert.esm.mjs");require("./observer.mjs");const m=`.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle,.mdc-drawer .mdc-deprecated-list-item__graphic{color:#0009}.mdc-drawer .mdc-deprecated-list-item{color:#000000de}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:#6200eede}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:40px;margin:8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translate(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translate(100%)}.mdc-drawer--opening{transform:translate(0);transition-duration:.25s}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--closing{transform:translate(-100%);transition-duration:.2s}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title:before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title:after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:.25s;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:.2s;opacity:0}:host{--mdc-theme-surface: var(--mdc-theme-background);--mdc-list-vertical-padding: 0}.app-shell{background-color:var(--mdc-theme-surface);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100vh}.app-shell:after{content:"";position:absolute;top:0;height:2px;width:100%;z-index:1000;background-color:#f3753f}.main{grid-area:main;overflow:auto;height:100vh;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}.help{grid-area:help;width:320px;height:100vh;overflow-y:auto;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12));transition-property:width;transition-duration:.2s}.help.help--closed{width:0}[name=mini-list]{display:block;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12));width:320px;height:100vh}@media only screen and (max-width: 1000px){[name=mini-list]{display:none}}nav.navigation{grid-area:nav;height:100vh;overflow-y:auto;border-right:0}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{display:flex;align-items:center}nav.navigation slot[name=logo]{display:none}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:12px;margin-right:12px}nav.navigation.mdc-drawer--open slot[name=logo]{display:block}[divider]{border-bottom:1px solid;margin:16px;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){nav.navigation{display:flex;flex-direction:column;transition-property:width;transition-duration:.2s;transform:none;background-color:transparent}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open{width:256px}.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none}}
2
+ `;var c=Object.defineProperty,p=Object.getOwnPropertyDescriptor,d=(n,t,i,a)=>{for(var r=a>1?void 0:a?p(t,i):t,o=n.length-1,l;o>=0;o--)(l=n[o])&&(r=(a?l(t,i,r):l(r))||r);return a&&r&&c(t,i,r),r};exports.CovalentAppShell=class extends s.DrawerBase{constructor(){super(),this.appName="",this.helpOpen=!1,this.resizeEvent()}_toggleOpen(){this.mdcFoundation.isOpening()||this.mdcFoundation.isClosing()||(this.open=!this.open,[...this.navigationListElements,...this.userMenuElements].forEach(t=>t.setAttribute("navopen",this.open.toString())),this.dispatchEvent(new Event("CovalentAppShell:toggle",{bubbles:!0,composed:!0})))}resizeEvent(){const t=window.matchMedia("(max-width: 800px)");t.matches&&this.type!=="modal"?this.type="modal":!t.matches&&this.type!=="dismissible"&&(this.type="dismissible"),this.requestUpdate()}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",()=>this.resizeEvent())}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.resizeEvent)}render(){const t=this.type==="dismissible"||this.type==="modal",i=this.type==="modal",a={"mdc-drawer--dismissible":t,"mdc-drawer--modal":i},r={"help--closed":!this.helpOpen},o=i?e.y`<div
3
3
  class="mdc-drawer-scrim"
4
4
  @click="${this._handleScrimClick}"
5
- ></div>`:a.b;return a.y`
5
+ ></div>`:e.b;return e.y`
6
6
  <div class="app-shell">
7
7
  <span class="header"
8
8
  ><cv-top-app-bar-fixed centerTitle>
@@ -15,7 +15,7 @@
15
15
  <span slot="title">${this.appName}</span>
16
16
  </cv-top-app-bar-fixed>
17
17
  </span>
18
- <nav class="navigation mdc-drawer ${s.o(i)}">
18
+ <nav class="navigation mdc-drawer ${e.o(a)}">
19
19
  <div class="navigation-toolbar">
20
20
  <cv-icon-button
21
21
  @click=${this._toggleOpen}
@@ -32,10 +32,10 @@
32
32
  ${o}
33
33
  <slot name="mini-list"></slot>
34
34
  <div class="main mdc-drawer-app-content"><slot></slot></div>
35
- <div class="help ${s.o(t)}">
35
+ <div class="help ${e.o(r)}">
36
36
  <slot name="help"></slot>
37
37
  </div>
38
38
  </div>
39
- `}};exports.CovalentAppShell.styles=[a.i`
40
- ${a.r(p)}
41
- `];l([c.e()],exports.CovalentAppShell.prototype,"appName",2);l([c.e({type:Boolean})],exports.CovalentAppShell.prototype,"helpOpen",2);exports.CovalentAppShell=l([a.e("cv-app-shell")],exports.CovalentAppShell);const f=exports.CovalentAppShell;exports.default=f;
39
+ `}};exports.CovalentAppShell.styles=[e.i$1`
40
+ ${e.r(m)}
41
+ `];d([e.l({slot:"navigation"})],exports.CovalentAppShell.prototype,"navigationListElements",2);d([e.l({slot:"user-menu"})],exports.CovalentAppShell.prototype,"userMenuElements",2);d([e.e()],exports.CovalentAppShell.prototype,"appName",2);d([e.e({type:Boolean})],exports.CovalentAppShell.prototype,"helpOpen",2);exports.CovalentAppShell=d([e.e$1("cv-app-shell")],exports.CovalentAppShell);const h=exports.CovalentAppShell;exports.default=h;