@covalent/components 6.0.3 → 6.0.5

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 (304) hide show
  1. package/action-ribbon/action-ribbon-base.d.ts.map +1 -0
  2. package/{src/action-ribbon → action-ribbon}/action-ribbon.d.ts +1 -0
  3. package/action-ribbon/action-ribbon.d.ts.map +1 -0
  4. package/action-ribbon.js +18 -0
  5. package/action-ribbon.mjs +13 -11
  6. package/alert/alert-base.d.ts.map +1 -0
  7. package/{src/alert → alert}/alert.d.ts +1 -0
  8. package/alert/alert.d.ts.map +1 -0
  9. package/alert.js +21 -0
  10. package/alert.mjs +14 -12
  11. package/{src/app-shell → app-shell}/app-shell.d.ts +1 -0
  12. package/app-shell/app-shell.d.ts.map +1 -0
  13. package/app-shell.js +41 -0
  14. package/app-shell.mjs +19 -17
  15. package/aria-property.mjs +2 -38
  16. package/base-element.mjs +2 -25
  17. package/{src/button → button}/button.d.ts +3 -2
  18. package/button/button.d.ts.map +1 -0
  19. package/button.js +44 -0
  20. package/button.mjs +11 -9
  21. package/card/card-base.d.ts.map +1 -0
  22. package/{src/card → card}/card.d.ts +3 -2
  23. package/card/card.d.ts.map +1 -0
  24. package/card.js +19 -0
  25. package/card.mjs +3 -1
  26. package/check-list-item.js +27 -0
  27. package/check-list-item.mjs +17 -15
  28. package/{src/checkbox → checkbox}/checkbox.d.ts +3 -2
  29. package/checkbox/checkbox.d.ts.map +1 -0
  30. package/checkbox.js +2 -0
  31. package/checkbox.mjs +15 -13
  32. package/chips/chip-base.d.ts.map +1 -0
  33. package/chips/chip-set-base.d.ts.map +1 -0
  34. package/{src/chips → chips}/chip-set.d.ts +1 -0
  35. package/chips/chip-set.d.ts.map +1 -0
  36. package/{src/chips → chips}/chip.d.ts +1 -0
  37. package/chips/chip.d.ts.map +1 -0
  38. package/chips/foundation.d.ts.map +1 -0
  39. package/circular-progress/circular-progress.d.ts +11 -0
  40. package/circular-progress/circular-progress.d.ts.map +1 -0
  41. package/circular-progress.js +65 -0
  42. package/circular-progress.mjs +11 -9
  43. package/class-map.mjs +3 -56
  44. package/{src/code-snippet → code-snippet}/code-snippet.d.ts +3 -2
  45. package/code-snippet/code-snippet.d.ts.map +1 -0
  46. package/code-snippet.js +13 -0
  47. package/code-snippet.mjs +36 -34
  48. package/{src/dialog → dialog}/dialog.d.ts +3 -2
  49. package/dialog/dialog.d.ts.map +1 -0
  50. package/dialog.js +1 -0
  51. package/dialog.mjs +15 -608
  52. package/dialog2.mjs +750 -0
  53. package/directive-helpers.mjs +2 -8
  54. package/{src/drawer → drawer}/drawer.d.ts +3 -2
  55. package/drawer/drawer.d.ts.map +1 -0
  56. package/drawer.js +6 -0
  57. package/drawer.mjs +11 -9
  58. package/{src/empty-state → empty-state}/empty-state.d.ts +3 -2
  59. package/empty-state/empty-state.d.ts.map +1 -0
  60. package/empty-state.js +27 -0
  61. package/empty-state.mjs +17 -15
  62. package/event-options.mjs +2 -11
  63. package/form-element.mjs +2 -47
  64. package/{src/formfield → formfield}/formfield.d.ts +3 -2
  65. package/formfield/formfield.d.ts.map +1 -0
  66. package/foundation.mjs +3 -112
  67. package/foundation2.mjs +2 -40
  68. package/{src/icon → icon}/icon.d.ts +1 -0
  69. package/icon/icon.d.ts.map +1 -0
  70. package/{src/icon-button → icon-button}/icon-button.d.ts +3 -2
  71. package/icon-button/icon-button.d.ts.map +1 -0
  72. package/icon-button.js +32 -0
  73. package/icon-button.mjs +23 -21
  74. package/icon-check-toggle.js +15 -0
  75. package/icon-check-toggle.mjs +5 -5
  76. package/{src/icon-checkbox → icon-checkbox}/icon-check-toggle.d.ts +3 -2
  77. package/icon-checkbox/icon-check-toggle.d.ts.map +1 -0
  78. package/{src/icon-radio → icon-radio}/icon-radio-toggle.d.ts +3 -2
  79. package/icon-radio/icon-radio-toggle.d.ts.map +1 -0
  80. package/icon-radio-toggle.js +14 -0
  81. package/icon-radio-toggle.mjs +19 -19
  82. package/icon.js +5 -0
  83. package/icon.mjs +11 -9
  84. package/if-defined.mjs +2 -7
  85. package/index.d.ts +46 -0
  86. package/index.d.ts.map +1 -0
  87. package/index.js +1 -0
  88. package/index.mjs +126 -0
  89. package/inert.esm.mjs +3 -615
  90. package/linear-progress/linear-progress.d.ts +11 -0
  91. package/linear-progress/linear-progress.d.ts.map +1 -0
  92. package/linear-progress.js +36 -0
  93. package/linear-progress.mjs +21 -19
  94. package/list/check-list-item.d.ts +11 -0
  95. package/list/check-list-item.d.ts.map +1 -0
  96. package/{src/list → list}/list-expansion.d.ts +5 -4
  97. package/list/list-expansion.d.ts.map +1 -0
  98. package/{src/list → list}/list-item.d.ts +3 -2
  99. package/list/list-item.d.ts.map +1 -0
  100. package/{src/list → list}/list.d.ts +3 -2
  101. package/list/list.d.ts.map +1 -0
  102. package/{src/list → list}/nav-list-item.d.ts +3 -2
  103. package/list/nav-list-item.d.ts.map +1 -0
  104. package/list/radio-list-item.d.ts +11 -0
  105. package/list/radio-list-item.d.ts.map +1 -0
  106. package/list-expansion.js +9 -0
  107. package/list-expansion.mjs +20 -18
  108. package/list-item.js +1 -0
  109. package/list-item.mjs +8 -48
  110. package/list-item2.mjs +43 -0
  111. package/list.js +1 -0
  112. package/list.mjs +2 -27
  113. package/list2.mjs +25 -0
  114. package/{src/menu → menu}/menu.d.ts +3 -2
  115. package/menu/menu.d.ts.map +1 -0
  116. package/menu.js +5 -0
  117. package/menu.mjs +11 -9
  118. package/mwc-checkbox-base.mjs +11 -168
  119. package/mwc-checkbox.css.mjs +2 -7
  120. package/mwc-drawer-base.mjs +12 -242
  121. package/mwc-icon.mjs +3 -20
  122. package/mwc-line-ripple-directive.mjs +16 -452
  123. package/mwc-list-base.mjs +26 -755
  124. package/mwc-list-item-base.mjs +9 -183
  125. package/mwc-list-item.css.mjs +3 -11
  126. package/mwc-menu-base.mjs +21 -976
  127. package/mwc-radio-base.mjs +11 -438
  128. package/mwc-radio.css.mjs +2 -7
  129. package/mwc-slider.css.mjs +23 -794
  130. package/mwc-tab-base.mjs +25 -503
  131. package/mwc-top-app-bar-base.mjs +12 -282
  132. package/nav-list-item.js +10 -0
  133. package/nav-list-item.mjs +26 -24
  134. package/observer.mjs +2 -29
  135. package/package.json +226 -5
  136. package/property.mjs +2 -17
  137. package/query-assigned-elements.mjs +9 -591
  138. package/query-assigned-nodes.mjs +2 -14
  139. package/query.mjs +2 -22
  140. package/{src/radio → radio}/radio.d.ts +3 -2
  141. package/radio/radio.d.ts.map +1 -0
  142. package/radio-list-item.js +27 -0
  143. package/radio-list-item.mjs +17 -15
  144. package/radio.js +2 -0
  145. package/radio.mjs +12 -10
  146. package/ripple-handlers.mjs +12 -666
  147. package/{src/select → select}/select.d.ts +3 -2
  148. package/select/select.d.ts.map +1 -0
  149. package/select.js +272 -0
  150. package/select.mjs +124 -122
  151. package/{src/side-sheet → side-sheet}/side-sheet.d.ts +2 -2
  152. package/side-sheet/side-sheet.d.ts.map +1 -0
  153. package/side-sheet.js +4 -0
  154. package/side-sheet.mjs +3 -3
  155. package/slider/slider-range.d.ts +11 -0
  156. package/slider/slider-range.d.ts.map +1 -0
  157. package/{src/slider → slider}/slider.d.ts +3 -2
  158. package/slider/slider.d.ts.map +1 -0
  159. package/slider-range.js +64 -0
  160. package/slider-range.mjs +23 -21
  161. package/slider.js +14 -0
  162. package/slider.mjs +16 -14
  163. package/{src/snackbar → snackbar}/snackbar.d.ts +3 -2
  164. package/snackbar/snackbar.d.ts.map +1 -0
  165. package/snackbar.js +93 -0
  166. package/snackbar.mjs +12 -10
  167. package/state.mjs +2 -9
  168. package/status-header/status-header-base.d.ts.map +1 -0
  169. package/{src/status-header → status-header}/status-header-item.d.ts +1 -0
  170. package/status-header/status-header-item.d.ts.map +1 -0
  171. package/{src/status-header → status-header}/status-header.d.ts +1 -0
  172. package/status-header/status-header.d.ts.map +1 -0
  173. package/status-header-item.js +4 -0
  174. package/status-header-item.mjs +17 -15
  175. package/status-header.js +24 -0
  176. package/status-header.mjs +17 -15
  177. package/style-map.mjs +2 -37
  178. package/style.css +1 -0
  179. package/{src/switch → switch}/switch.d.ts +3 -2
  180. package/switch/switch.d.ts.map +1 -0
  181. package/switch.js +174 -0
  182. package/switch.mjs +10 -8
  183. package/{src/tab → tab}/tab-bar.d.ts +3 -2
  184. package/tab/tab-bar.d.ts.map +1 -0
  185. package/{src/tab → tab}/tab.d.ts +3 -2
  186. package/tab/tab.d.ts.map +1 -0
  187. package/tab-bar.js +278 -0
  188. package/tab-bar.mjs +23 -21
  189. package/tab.js +6 -0
  190. package/tab.mjs +11 -9
  191. package/{src/text-lockup → text-lockup}/text-lockup.d.ts +1 -0
  192. package/text-lockup/text-lockup.d.ts.map +1 -0
  193. package/text-lockup.js +7 -0
  194. package/text-lockup.mjs +11 -9
  195. package/{src/textarea → textarea}/textarea.d.ts +3 -2
  196. package/textarea/textarea.d.ts.map +1 -0
  197. package/textarea.js +40 -0
  198. package/textarea.mjs +14 -12
  199. package/{src/textfield → textfield}/textfield.d.ts +3 -2
  200. package/textfield/textfield.d.ts.map +1 -0
  201. package/textfield.js +7 -0
  202. package/textfield.mjs +132 -39
  203. package/textfield2.mjs +1 -1
  204. package/{src/toolbar → toolbar}/toolbar.d.ts +3 -2
  205. package/toolbar/toolbar.d.ts.map +1 -0
  206. package/toolbar.js +4 -0
  207. package/toolbar.mjs +11 -9
  208. package/{src/tooltip → tooltip}/tooltip.d.ts +3 -2
  209. package/tooltip/tooltip.d.ts.map +1 -0
  210. package/tooltip.js +126 -0
  211. package/tooltip.mjs +66 -64
  212. package/top-app-bar/top-app-bar-fixed.d.ts +11 -0
  213. package/top-app-bar/top-app-bar-fixed.d.ts.map +1 -0
  214. package/{src/top-app-bar → top-app-bar}/top-app-bar.d.ts +3 -2
  215. package/top-app-bar/top-app-bar.d.ts.map +1 -0
  216. package/top-app-bar-fixed.js +28 -0
  217. package/top-app-bar-fixed.mjs +16 -14
  218. package/top-app-bar.js +3 -0
  219. package/top-app-bar.mjs +6 -28
  220. package/{src/tree-list → tree-list}/tree-list-item.d.ts +1 -0
  221. package/tree-list/tree-list-item.d.ts.map +1 -0
  222. package/{src/tree-list → tree-list}/tree-list.d.ts +1 -0
  223. package/tree-list/tree-list.d.ts.map +1 -0
  224. package/tree-list-item.js +26 -0
  225. package/tree-list-item.mjs +7 -5
  226. package/tree-list.js +10 -0
  227. package/tree-list.mjs +13 -12
  228. package/tslib.es6.mjs +1 -82
  229. package/{src/typography → typography}/typography.d.ts +1 -0
  230. package/typography/typography.d.ts.map +1 -0
  231. package/typography.js +4 -0
  232. package/typography.mjs +16 -14
  233. package/utils.mjs +2 -49
  234. package/covalent.mjs +0 -44
  235. package/covalent.umd.js +0 -3501
  236. package/src/action-ribbon/action-ribbon-base.d.ts.map +0 -1
  237. package/src/action-ribbon/action-ribbon.d.ts.map +0 -1
  238. package/src/alert/alert-base.d.ts.map +0 -1
  239. package/src/alert/alert.d.ts.map +0 -1
  240. package/src/app-shell/app-shell.d.ts.map +0 -1
  241. package/src/button/button.d.ts.map +0 -1
  242. package/src/card/card-base.d.ts.map +0 -1
  243. package/src/card/card.d.ts.map +0 -1
  244. package/src/checkbox/checkbox.d.ts.map +0 -1
  245. package/src/chips/chip-base.d.ts.map +0 -1
  246. package/src/chips/chip-set-base.d.ts.map +0 -1
  247. package/src/chips/chip-set.d.ts.map +0 -1
  248. package/src/chips/chip.d.ts.map +0 -1
  249. package/src/chips/foundation.d.ts.map +0 -1
  250. package/src/circular-progress/circular-progress.d.ts +0 -10
  251. package/src/circular-progress/circular-progress.d.ts.map +0 -1
  252. package/src/code-snippet/code-snippet.d.ts.map +0 -1
  253. package/src/dialog/dialog.d.ts.map +0 -1
  254. package/src/drawer/drawer.d.ts.map +0 -1
  255. package/src/empty-state/empty-state.d.ts.map +0 -1
  256. package/src/formfield/formfield.d.ts.map +0 -1
  257. package/src/icon/icon.d.ts.map +0 -1
  258. package/src/icon-button/icon-button.d.ts.map +0 -1
  259. package/src/icon-checkbox/icon-check-toggle.d.ts.map +0 -1
  260. package/src/icon-radio/icon-radio-toggle.d.ts.map +0 -1
  261. package/src/index.d.ts +0 -3
  262. package/src/index.d.ts.map +0 -1
  263. package/src/linear-progress/linear-progress.d.ts +0 -10
  264. package/src/linear-progress/linear-progress.d.ts.map +0 -1
  265. package/src/list/check-list-item.d.ts +0 -10
  266. package/src/list/check-list-item.d.ts.map +0 -1
  267. package/src/list/list-expansion.d.ts.map +0 -1
  268. package/src/list/list-item.d.ts.map +0 -1
  269. package/src/list/list.d.ts.map +0 -1
  270. package/src/list/nav-list-item.d.ts.map +0 -1
  271. package/src/list/radio-list-item.d.ts +0 -10
  272. package/src/list/radio-list-item.d.ts.map +0 -1
  273. package/src/menu/menu.d.ts.map +0 -1
  274. package/src/radio/radio.d.ts.map +0 -1
  275. package/src/select/select.d.ts.map +0 -1
  276. package/src/side-sheet/side-sheet.d.ts.map +0 -1
  277. package/src/slider/slider-range.d.ts +0 -10
  278. package/src/slider/slider-range.d.ts.map +0 -1
  279. package/src/slider/slider.d.ts.map +0 -1
  280. package/src/snackbar/snackbar.d.ts.map +0 -1
  281. package/src/status-header/status-header-base.d.ts.map +0 -1
  282. package/src/status-header/status-header-item.d.ts.map +0 -1
  283. package/src/status-header/status-header.d.ts.map +0 -1
  284. package/src/switch/switch.d.ts.map +0 -1
  285. package/src/tab/tab-bar.d.ts.map +0 -1
  286. package/src/tab/tab.d.ts.map +0 -1
  287. package/src/text-lockup/text-lockup.d.ts.map +0 -1
  288. package/src/textarea/textarea.d.ts.map +0 -1
  289. package/src/textfield/textfield.d.ts.map +0 -1
  290. package/src/toolbar/toolbar.d.ts.map +0 -1
  291. package/src/tooltip/tooltip.d.ts.map +0 -1
  292. package/src/top-app-bar/top-app-bar-fixed.d.ts +0 -10
  293. package/src/top-app-bar/top-app-bar-fixed.d.ts.map +0 -1
  294. package/src/top-app-bar/top-app-bar.d.ts.map +0 -1
  295. package/src/tree-list/tree-list-item.d.ts.map +0 -1
  296. package/src/tree-list/tree-list.d.ts.map +0 -1
  297. package/src/typography/typography.d.ts.map +0 -1
  298. /package/{src/action-ribbon → action-ribbon}/action-ribbon-base.d.ts +0 -0
  299. /package/{src/alert → alert}/alert-base.d.ts +0 -0
  300. /package/{src/card → card}/card-base.d.ts +0 -0
  301. /package/{src/chips → chips}/chip-base.d.ts +0 -0
  302. /package/{src/chips → chips}/chip-set-base.d.ts +0 -0
  303. /package/{src/chips → chips}/foundation.d.ts +0 -0
  304. /package/{src/status-header → status-header}/status-header-base.d.ts +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"action-ribbon-base.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/action-ribbon/action-ribbon-base.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAEL,WAAW,EAGZ,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,SAAS,CAAC,aAAa,EAAG,mBAAmB,CAAC;IAC9C,SAAS,CAAC,QAAQ,CAAC,kBAAkB,6BAAuB;IAEtC,SAAS,CAAC,OAAO,EAAG,WAAW,CAAC;IAC5B,SAAS,CAAC,UAAU,EAAG,WAAW,CAAC;IAC5B,SAAS,CAAC,eAAe,EAAG,WAAW,CAAC;IAazE,IAAI,UAAQ;IAEgB,SAAS,SAAM;IAEf,IAAI,SAAM;IACV,aAAa,SAAM;IAElB,QAAQ,UAAQ;IAE7C;;OAEG;IAEH,KAAK,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAEvD,SAAS,CAAC,MAAM,EAAE,WAAW,CAA2B;cAErC,MAAM;IAsBzB,SAAS,CAAC,UAAU,IAAI,cAAc;IAQtC,SAAS,CAAC,aAAa,IAAI,gBAAgB;IA2C3C,cAAc;IACd,IAAI;IAIJ,cAAc;IACd,KAAK,CAAC,MAAM,cAA0B;cAKb,YAAY;CAUtC"}
@@ -12,4 +12,5 @@ declare global {
12
12
  'cv-action-ribbon': CovalentActionRibbon;
13
13
  }
14
14
  }
15
+ export default CovalentActionRibbon;
15
16
  //# sourceMappingURL=action-ribbon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"action-ribbon.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/action-ribbon/action-ribbon.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD;;;;GAIG;AACH,qBACa,oBAAqB,SAAQ,gBAAgB;IACxD,OAAgB,MAAM,4BAIpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,oBAAoB,CAAC;KAC1C;CACF;AAED,eAAe,oBAAoB,CAAC"}
@@ -0,0 +1,18 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./query-assigned-elements.mjs"),p=require("./utils.mjs"),h=require("./observer.mjs"),t=require("./foundation.mjs"),_=require("./class-map.mjs"),b=require("./property.mjs"),l=require("./query.mjs");require("./tslib.es6.mjs");require("./foundation2.mjs");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">
2
+ <div class="mdc-banner__content" role="alertdialog" aria-live="assertive" aria-label="${this.labelText}">
3
+ <div class="mdc-banner__graphic-text-wrapper">
4
+ ${this.icon?this.renderIcon():""}
5
+ <div class="mdc-banner__text">${this.labelText}</div>
6
+ </div>
7
+ <div class="mdc-banner__actions">
8
+ <slot name="action-items"></slot>
9
+ </div>
10
+ </div>
11
+ </div>`}renderIcon(){return s.y` <div class="mdc-banner__graphic" role="img" aria-label="${this.iconAriaLabel}">
12
+ <slot name="icon">
13
+ <cv-icon class="mdc-banner__icon"> ${this.icon} </cv-icon>
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;
package/action-ribbon.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import { s as g, y as h, i as u, r as f, e as v } from "./query-assigned-elements.mjs";
2
2
  import { a as x } from "./utils.mjs";
3
3
  import { o as y } from "./observer.mjs";
4
- import { s as _, M as w, C as b, e as s } from "./foundation.mjs";
4
+ import { s as _, C as p, M as w, e as s } from "./foundation.mjs";
5
5
  import { o as C } from "./class-map.mjs";
6
6
  import { e as m } from "./property.mjs";
7
7
  import { i as l } from "./query.mjs";
@@ -14,7 +14,7 @@ var E = Object.defineProperty, k = Object.getOwnPropertyDescriptor, i = (c, e, r
14
14
  };
15
15
  class n extends g {
16
16
  constructor() {
17
- super(...arguments), this.mdcFoundationClass = w, this.open = !0, this.labelText = "", this.icon = "", this.iconAriaLabel = "", this.centered = !0, this.reason = b.UNSPECIFIED;
17
+ super(...arguments), this.mdcFoundationClass = w, this.open = !0, this.labelText = "", this.icon = "", this.iconAriaLabel = "", this.centered = !0, this.reason = p.UNSPECIFIED;
18
18
  }
19
19
  render() {
20
20
  const e = {
@@ -91,7 +91,7 @@ class n extends g {
91
91
  this.open = !0;
92
92
  }
93
93
  /** @export */
94
- close(e = b.UNSPECIFIED) {
94
+ close(e = p.UNSPECIFIED) {
95
95
  this.reason = e, this.open = !1;
96
96
  }
97
97
  async firstUpdated() {
@@ -110,7 +110,7 @@ i([
110
110
  i([
111
111
  m({ type: Boolean, reflect: !0 }),
112
112
  y(function(c) {
113
- this.mdcFoundation && (c ? this.mdcFoundation.open() : (this.mdcFoundation.close(this.reason), this.reason = b.UNSPECIFIED));
113
+ this.mdcFoundation && (c ? this.mdcFoundation.open() : (this.mdcFoundation.close(this.reason), this.reason = p.UNSPECIFIED));
114
114
  })
115
115
  ], n.prototype, "open", 2);
116
116
  i([
@@ -130,21 +130,23 @@ i([
130
130
  ], n.prototype, "state", 2);
131
131
  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
132
  `;
133
- var P = Object.defineProperty, F = Object.getOwnPropertyDescriptor, A = (c, e, r, a) => {
134
- for (var t = a > 1 ? void 0 : a ? F(e, r) : e, o = c.length - 1, d; o >= 0; o--)
133
+ 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
135
  (d = c[o]) && (t = (a ? d(e, r, t) : d(t)) || t);
136
136
  return a && t && P(e, r, t), t;
137
137
  };
138
- let p = class extends n {
138
+ let b = class extends n {
139
139
  };
140
- p.styles = [
140
+ b.styles = [
141
141
  u`
142
142
  ${f(O)}
143
143
  `
144
144
  ];
145
- p = A([
145
+ b = F([
146
146
  v("cv-action-ribbon")
147
- ], p);
147
+ ], b);
148
+ const j = b;
148
149
  export {
149
- p as CovalentActionRibbon
150
+ b as CovalentActionRibbon,
151
+ j as default
150
152
  };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alert-base.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/alert/alert-base.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAU,WAAW,EAAU,MAAM,4BAA4B,CAAC;AAEzE,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,qBAAa,SAAU,SAAQ,UAAU;IACvC,SAAS,CAAC,aAAa,EAAG,mBAAmB,CAAC;IAC9C,SAAS,CAAC,QAAQ,CAAC,kBAAkB,6BAAuB;IAEtC,SAAS,CAAC,OAAO,EAAG,WAAW,CAAC;IACvB,SAAS,CAAC,UAAU,EAAG,WAAW,CAAC;IAalE,IAAI,UAAQ;IAEgB,SAAS,SAAM;IACf,eAAe,SAAM;IAErB,IAAI,SAAM;IACV,aAAa,SAAM;IAElB,MAAM,UAAS;IAC5C;;OAEG;IAEH,KAAK,SAAM;IAEX,SAAS,CAAC,MAAM,EAAE,WAAW,CAA2B;cAErC,MAAM;IAyBzB,mBAAmB;IACnB,SAAS,CAAC,UAAU,IAAI,cAAc;IAQtC,SAAS,CAAC,aAAa,IAAI,gBAAgB;IAsC3C,cAAc;IACd,IAAI;IAIJ,cAAc;IACd,KAAK,CAAC,MAAM,cAA0B;cAKb,YAAY;CAStC"}
@@ -12,4 +12,5 @@ declare global {
12
12
  'cv-alert': CovalentAlert;
13
13
  }
14
14
  }
15
+ export default CovalentAlert;
15
16
  //# sourceMappingURL=alert.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/alert/alert.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC;;;;GAIG;AACH,qBACa,aAAc,SAAQ,SAAS;IAC1C,OAAgB,MAAM,4BAIpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,aAAa,CAAC;KAC3B;CACF;AAED,eAAe,aAAa,CAAC"}
package/alert.js ADDED
@@ -0,0 +1,21 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./query-assigned-elements.mjs"),l=require("./utils.mjs"),p=require("./observer.mjs"),h=require("./foundation.mjs"),_=require("./class-map.mjs"),s=require("./property.mjs"),b=require("./query.mjs");require("./tslib.es6.mjs");require("./foundation2.mjs");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">
2
+ <div class="mdc-banner__content" role="alertdialog" aria-live="assertive" aria-label="${this.titleText}">
3
+ <div class="mdc-banner__graphic-text-wrapper">
4
+ ${this.icon?this.renderIcon():""}
5
+ <div class="mdc-banner__text">
6
+ <span class="mdc-typography--body2">${this.titleText}</span>
7
+ <div class="mdc-typography--body1">${this.descriptionText}</div>
8
+ </div>
9
+ </div>
10
+ <div class="mdc-banner__actions">
11
+ <slot name="action-items"></slot>
12
+ </div>
13
+ </div>
14
+ </div>`}renderIcon(){return m.y` <div class="mdc-banner__graphic" role="img" aria-label="${this.iconAriaLabel}">
15
+ <slot name="icon">
16
+ <cv-icon class="mdc-banner__icon"> ${this.icon} </cv-icon>
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;
package/alert.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import { s as l, y as b, i as _, r as f, e as g } from "./query-assigned-elements.mjs";
2
2
  import { a as v } from "./utils.mjs";
3
3
  import { o as u } from "./observer.mjs";
4
- import { M as x, C as m, e as y } from "./foundation.mjs";
4
+ import { C as h, M as x, e as y } from "./foundation.mjs";
5
5
  import { o as w } from "./class-map.mjs";
6
6
  import { e as s } from "./property.mjs";
7
7
  import { i as p } from "./query.mjs";
@@ -14,7 +14,7 @@ var C = Object.defineProperty, k = Object.getOwnPropertyDescriptor, o = (i, e, r
14
14
  };
15
15
  class n extends l {
16
16
  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 = m.UNSPECIFIED;
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;
18
18
  }
19
19
  render() {
20
20
  const e = {
@@ -83,7 +83,7 @@ class n extends l {
83
83
  this.open = !0;
84
84
  }
85
85
  /** @export */
86
- close(e = m.UNSPECIFIED) {
86
+ close(e = h.UNSPECIFIED) {
87
87
  this.reason = e, this.open = !1;
88
88
  }
89
89
  async firstUpdated() {
@@ -99,7 +99,7 @@ o([
99
99
  o([
100
100
  s({ type: Boolean, reflect: !0 }),
101
101
  u(function(i) {
102
- this.mdcFoundation && (i ? this.mdcFoundation.open() : (this.mdcFoundation.close(this.reason), this.reason = m.UNSPECIFIED));
102
+ this.mdcFoundation && (i ? this.mdcFoundation.open() : (this.mdcFoundation.close(this.reason), this.reason = h.UNSPECIFIED));
103
103
  })
104
104
  ], n.prototype, "open", 2);
105
105
  o([
@@ -122,21 +122,23 @@ o([
122
122
  ], n.prototype, "state", 2);
123
123
  const F = `:host .mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}:host .mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:100%}}:host .mdc-banner__content{max-width:720px}:host .mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media (max-width: 480px){:host .mdc-banner .mdc-banner__fixed{left:0;right:0}:host .mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] :host .mdc-banner .mdc-banner__text,:host .mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] :host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}:host .mdc-banner--opening,:host .mdc-banner--open,:host .mdc-banner--closing{display:flex}:host .mdc-banner--open{transition:height .3s ease}:host .mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}:host .mdc-banner--closing{transition:height .25s ease}:host .mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}:host .mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}:host .mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}:host .mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}:host .mdc-banner__graphic-text-wrapper{display:flex;width:100%}:host .mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] :host .mdc-banner__graphic,:host .mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}:host .mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}:host .mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] :host .mdc-banner__text,:host .mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}:host .mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] :host .mdc-banner__actions,:host .mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}:host .mdc-banner{background-color:#fff;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}
124
124
  `;
125
- var P = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, O = (i, e, r, a) => {
126
- for (var t = a > 1 ? void 0 : a ? $(e, r) : e, c = i.length - 1, d; c >= 0; c--)
125
+ var $ = Object.defineProperty, P = Object.getOwnPropertyDescriptor, O = (i, e, r, a) => {
126
+ for (var t = a > 1 ? void 0 : a ? P(e, r) : e, c = i.length - 1, d; c >= 0; c--)
127
127
  (d = i[c]) && (t = (a ? d(e, r, t) : d(t)) || t);
128
- return a && t && P(e, r, t), t;
128
+ return a && t && $(e, r, t), t;
129
129
  };
130
- let h = class extends n {
130
+ let m = class extends n {
131
131
  };
132
- h.styles = [
132
+ m.styles = [
133
133
  _`
134
134
  ${f(F)}
135
135
  `
136
136
  ];
137
- h = O([
137
+ m = O([
138
138
  g("cv-alert")
139
- ], h);
139
+ ], m);
140
+ const B = m;
140
141
  export {
141
- h as CovalentAlert
142
+ m as CovalentAlert,
143
+ B as default
142
144
  };
@@ -23,4 +23,5 @@ export declare class CovalentAppShell extends DrawerBase {
23
23
  disconnectedCallback(): void;
24
24
  render(): import("lit-html").TemplateResult<1>;
25
25
  }
26
+ export default CovalentAppShell;
26
27
  //# sourceMappingURL=app-shell.d.ts.map
@@ -0,0 +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"}
package/app-shell.js ADDED
@@ -0,0 +1,41 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements.mjs"),c=require("./property.mjs"),s=require("./class-map.mjs"),m=require("./mwc-drawer-base.mjs");require("./tslib.es6.mjs");require("./inert.esm.mjs");require("./base-element.mjs");require("./utils.mjs");require("./observer.mjs");require("./query.mjs");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
3
+ class="mdc-drawer-scrim"
4
+ @click="${this._handleScrimClick}"
5
+ ></div>`:a.b;return a.y`
6
+ <div class="app-shell">
7
+ <span class="header"
8
+ ><cv-top-app-bar-fixed centerTitle>
9
+ <cv-icon-button
10
+ class="toggle-drawer"
11
+ @click=${this._toggleOpen}
12
+ slot="navigationIcon"
13
+ icon="menu"
14
+ ></cv-icon-button>
15
+ <span slot="title">${this.appName}</span>
16
+ </cv-top-app-bar-fixed>
17
+ </span>
18
+ <nav class="navigation mdc-drawer ${s.o(i)}">
19
+ <div class="navigation-toolbar">
20
+ <cv-icon-button
21
+ @click=${this._toggleOpen}
22
+ class="toggle-drawer"
23
+ icon="menu"
24
+ ></cv-icon-button>
25
+ <slot name="logo"></slot>
26
+ </div>
27
+ <slot name="navigation"></slot>
28
+ <div style="display:flex; flex:1;"></div>
29
+ <div divider></div>
30
+ <slot name="user-menu"></slot>
31
+ </nav>
32
+ ${o}
33
+ <slot name="mini-list"></slot>
34
+ <div class="main mdc-drawer-app-content"><slot></slot></div>
35
+ <div class="help ${s.o(t)}">
36
+ <slot name="help"></slot>
37
+ </div>
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;
package/app-shell.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { y as l, b as p, i as h, r as g, e as f } from "./query-assigned-elements.mjs";
1
+ import { i as p, r as h, y as l, b as g, e as f } from "./query-assigned-elements.mjs";
2
2
  import { e as c } from "./property.mjs";
3
3
  import { o as m } from "./class-map.mjs";
4
4
  import { D as y } from "./mwc-drawer-base.mjs";
@@ -10,12 +10,12 @@ import "./observer.mjs";
10
10
  import "./query.mjs";
11
11
  const b = `.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}}
12
12
  `;
13
- var w = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (t, r, a, i) => {
14
- for (var e = i > 1 ? void 0 : i ? v(r, a) : r, d = t.length - 1, n; d >= 0; d--)
15
- (n = t[d]) && (e = (i ? n(r, a, e) : n(e)) || e);
16
- return i && e && w(r, a, e), e;
13
+ var w = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (t, r, o, i) => {
14
+ for (var e = i > 1 ? void 0 : i ? v(r, o) : r, d = t.length - 1, n; d >= 0; d--)
15
+ (n = t[d]) && (e = (i ? n(r, o, e) : n(e)) || e);
16
+ return i && e && w(r, o, e), e;
17
17
  };
18
- let o = class extends y {
18
+ let a = class extends y {
19
19
  constructor() {
20
20
  super(), this.appName = "", this.helpOpen = !1, this.resizeEvent();
21
21
  }
@@ -35,7 +35,7 @@ let o = class extends y {
35
35
  super.disconnectedCallback(), window.removeEventListener("resize", this.resizeEvent);
36
36
  }
37
37
  render() {
38
- const t = this.type === "dismissible" || this.type === "modal", r = this.type === "modal", a = {
38
+ const t = this.type === "dismissible" || this.type === "modal", r = this.type === "modal", o = {
39
39
  "mdc-drawer--dismissible": t,
40
40
  "mdc-drawer--modal": r
41
41
  }, i = {
@@ -43,7 +43,7 @@ let o = class extends y {
43
43
  }, e = r ? l`<div
44
44
  class="mdc-drawer-scrim"
45
45
  @click="${this._handleScrimClick}"
46
- ></div>` : p;
46
+ ></div>` : g;
47
47
  return l`
48
48
  <div class="app-shell">
49
49
  <span class="header"
@@ -57,7 +57,7 @@ let o = class extends y {
57
57
  <span slot="title">${this.appName}</span>
58
58
  </cv-top-app-bar-fixed>
59
59
  </span>
60
- <nav class="navigation mdc-drawer ${m(a)}">
60
+ <nav class="navigation mdc-drawer ${m(o)}">
61
61
  <div class="navigation-toolbar">
62
62
  <cv-icon-button
63
63
  @click=${this._toggleOpen}
@@ -81,20 +81,22 @@ let o = class extends y {
81
81
  `;
82
82
  }
83
83
  };
84
- o.styles = [
85
- h`
86
- ${g(b)}
84
+ a.styles = [
85
+ p`
86
+ ${h(b)}
87
87
  `
88
88
  ];
89
89
  s([
90
90
  c()
91
- ], o.prototype, "appName", 2);
91
+ ], a.prototype, "appName", 2);
92
92
  s([
93
93
  c({ type: Boolean })
94
- ], o.prototype, "helpOpen", 2);
95
- o = s([
94
+ ], a.prototype, "helpOpen", 2);
95
+ a = s([
96
96
  f("cv-app-shell")
97
- ], o);
97
+ ], a);
98
+ const P = a;
98
99
  export {
99
- o as CovalentAppShell
100
+ a as CovalentAppShell,
101
+ P as default
100
102
  };
package/aria-property.mjs CHANGED
@@ -1,41 +1,5 @@
1
- /**
1
+ "use strict";/**
2
2
  * @license
3
3
  * Copyright 2021 Google LLC
4
4
  * SPDX-License-Identifier: Apache-2.0
5
- */
6
- function c(e, t, r) {
7
- const n = e.constructor;
8
- if (!r) {
9
- const s = `__${t}`;
10
- if (r = n.getPropertyDescriptor(t, s), !r)
11
- throw new Error("@ariaProperty must be used after a @property decorator");
12
- }
13
- const o = r;
14
- let i = "";
15
- if (!o.set)
16
- throw new Error(`@ariaProperty requires a setter for ${t}`);
17
- if (e.dispatchWizEvent)
18
- return r;
19
- const u = {
20
- configurable: !0,
21
- enumerable: !0,
22
- set(s) {
23
- if (i === "") {
24
- const a = n.getPropertyOptions(t);
25
- i = typeof a.attribute == "string" ? a.attribute : t;
26
- }
27
- this.hasAttribute(i) && this.removeAttribute(i), o.set.call(this, s);
28
- }
29
- };
30
- return o.get && (u.get = function() {
31
- return o.get.call(this);
32
- }), u;
33
- }
34
- function p(e, t, r) {
35
- if (t !== void 0)
36
- return c(e, t, r);
37
- throw new Error("@ariaProperty only supports TypeScript Decorators");
38
- }
39
- export {
40
- p as a
41
- };
5
+ */function c(e,t,r){const n=e.constructor;if(!r){const s=`__${t}`;if(r=n.getPropertyDescriptor(t,s),!r)throw new Error("@ariaProperty must be used after a @property decorator")}const o=r;let i="";if(!o.set)throw new Error(`@ariaProperty requires a setter for ${t}`);if(e.dispatchWizEvent)return r;const u={configurable:!0,enumerable:!0,set(s){if(i===""){const a=n.getPropertyOptions(t);i=typeof a.attribute=="string"?a.attribute:t}this.hasAttribute(i)&&this.removeAttribute(i),o.set.call(this,s)}};return o.get&&(u.get=function(){return o.get.call(this)}),u}function p(e,t,r){if(t!==void 0)return c(e,t,r);throw new Error("@ariaProperty only supports TypeScript Decorators")}exports.ariaProperty=p;
package/base-element.mjs CHANGED
@@ -1,28 +1,5 @@
1
- import { s as t } from "./query-assigned-elements.mjs";
2
- import "./utils.mjs";
3
- /**
1
+ "use strict";const t=require("./query-assigned-elements.mjs");require("./utils.mjs");/**
4
2
  * @license
5
3
  * Copyright 2018 Google LLC
6
4
  * SPDX-License-Identifier: Apache-2.0
7
- */
8
- class d extends t {
9
- click() {
10
- if (this.mdcRoot) {
11
- this.mdcRoot.focus(), this.mdcRoot.click();
12
- return;
13
- }
14
- super.click();
15
- }
16
- /**
17
- * Create and attach the MDC Foundation to the instance
18
- */
19
- createFoundation() {
20
- this.mdcFoundation !== void 0 && this.mdcFoundation.destroy(), this.mdcFoundationClass && (this.mdcFoundation = new this.mdcFoundationClass(this.createAdapter()), this.mdcFoundation.init());
21
- }
22
- firstUpdated() {
23
- this.createFoundation();
24
- }
25
- }
26
- export {
27
- d as B
28
- };
5
+ */class i extends t.s{click(){if(this.mdcRoot){this.mdcRoot.focus(),this.mdcRoot.click();return}super.click()}createFoundation(){this.mdcFoundation!==void 0&&this.mdcFoundation.destroy(),this.mdcFoundationClass&&(this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.mdcFoundation.init())}firstUpdated(){this.createFoundation()}}exports.BaseElement=i;
@@ -1,10 +1,11 @@
1
1
  import { ButtonBase } from '@material/mwc-button/mwc-button-base';
2
2
  declare global {
3
3
  interface HTMLElementTagNameMap {
4
- 'cv-button': CovalentButtonBase;
4
+ 'cv-button': CovalentButton;
5
5
  }
6
6
  }
7
- export declare class CovalentButtonBase extends ButtonBase {
7
+ export declare class CovalentButton extends ButtonBase {
8
8
  static styles: import("lit").CSSResult[];
9
9
  }
10
+ export default CovalentButton;
10
11
  //# sourceMappingURL=button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/button/button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAGlE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,cAAc,CAAC;KAC7B;CACF;AAED,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BAA2C;CAClE;AAED,eAAe,cAAc,CAAC"}