@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
@@ -1,4 +1,4 @@
1
- import { CovalentDialogBase } from '../dialog/dialog';
1
+ import { CovalentDialog } from '../dialog/dialog';
2
2
  declare global {
3
3
  interface HTMLElementTagNameMap {
4
4
  'cv-side-sheet': CovalentSideSheet;
@@ -9,7 +9,7 @@ declare global {
9
9
  *
10
10
  * @slot - This element has a slot
11
11
  */
12
- export declare class CovalentSideSheet extends CovalentDialogBase {
12
+ export declare class CovalentSideSheet extends CovalentDialog {
13
13
  static styles: import("lit").CSSResult[];
14
14
  pushed: boolean;
15
15
  noPadding: boolean;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"side-sheet.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/side-sheet/side-sheet.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,iBAAiB,CAAC;KACpC;CACF;AAED;;;;GAIG;AACH,qBACa,iBAAkB,SAAQ,cAAc;IACnD,OAAgB,MAAM,4BAKpB;IAGF,MAAM,UAAS;IAGf,SAAS,UAAS;;CAMnB"}
package/side-sheet.js ADDED
@@ -0,0 +1,4 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./query-assigned-elements.mjs"),c=require("./property.mjs"),l=require("./dialog.mjs");require("./tslib.es6.mjs");require("./inert.esm.mjs");require("./base-element.mjs");require("./utils.mjs");require("./observer.mjs");require("./query.mjs");require("./class-map.mjs");const h=`:host{--cv-side-sheet-width: 800px;--mdc-dialog-heading-ink-color: var(--mdc-theme-text-primary-on-background)}.mdc-dialog{justify-content:flex-end}.mdc-dialog .mdc-dialog__surface{border-radius:0;height:100%;min-height:inherit;max-height:inherit;min-width:var(--cv-side-sheet-width, 400px)}.mdc-dialog--opening .mdc-dialog__container{transform:translate(100%);transition:transform .15s cubic-bezier(.4,0,1,1)}.mdc-dialog--open .mdc-dialog__container{transform:translate(0)}.mdc-dialog--closing .mdc-dialog__container{opacity:1;transform:translate(100%);transition:transform .15s cubic-bezier(0,0,.2,1)}:host([pushed]) .mdc-dialog__surface{min-width:100vw}:host([noPadding]) .mdc-dialog .mdc-dialog__content{padding:0}
2
+ `;var u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(r,t,o,i)=>{for(var e=i>1?void 0:i?g(t,o):t,n=r.length-1,a;n>=0;n--)(a=r[n])&&(e=(i?a(t,o,e):a(e))||e);return i&&e&&u(t,o,e),e};exports.CovalentSideSheet=class extends l.CovalentDialog{constructor(){super(),this.pushed=!1,this.noPadding=!1,this.hideActions=!0}};exports.CovalentSideSheet.styles=[l.styles,d.i`
3
+ ${d.r(h)}
4
+ `];s([c.e({type:Boolean,reflect:!0})],exports.CovalentSideSheet.prototype,"pushed",2);s([c.e({type:Boolean,reflect:!0})],exports.CovalentSideSheet.prototype,"noPadding",2);exports.CovalentSideSheet=s([d.e("cv-side-sheet")],exports.CovalentSideSheet);
package/side-sheet.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import { i as m, r as l, e as p } from "./query-assigned-elements.mjs";
2
2
  import { e as c } from "./property.mjs";
3
- import { C as h, s as g } from "./dialog.mjs";
3
+ import { s as h, C as g } from "./dialog2.mjs";
4
4
  import "./tslib.es6.mjs";
5
5
  import "./inert.esm.mjs";
6
6
  import "./base-element.mjs";
@@ -15,13 +15,13 @@ var _ = Object.defineProperty, u = Object.getOwnPropertyDescriptor, n = (d, i, r
15
15
  (s = d[a]) && (e = (o ? s(i, r, e) : s(e)) || e);
16
16
  return o && e && _(i, r, e), e;
17
17
  };
18
- let t = class extends h {
18
+ let t = class extends g {
19
19
  constructor() {
20
20
  super(), this.pushed = !1, this.noPadding = !1, this.hideActions = !0;
21
21
  }
22
22
  };
23
23
  t.styles = [
24
- g,
24
+ h,
25
25
  m`
26
26
  ${l(f)}
27
27
  `
@@ -0,0 +1,11 @@
1
+ import { SliderRangeBase } from '@material/mwc-slider/slider-range-base';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'cv-slider-range': CovalentSliderRange;
5
+ }
6
+ }
7
+ export declare class CovalentSliderRange extends SliderRangeBase {
8
+ static styles: import("lit").CSSResult[];
9
+ }
10
+ export default CovalentSliderRange;
11
+ //# sourceMappingURL=slider-range.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slider-range.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/slider/slider-range.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAIzE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,mBAAmB,CAAC;KACxC;CACF;AAED,qBACa,mBAAoB,SAAQ,eAAe;IACtD,OAAgB,MAAM,4BAAY;CACnC;AAED,eAAe,mBAAmB,CAAC"}
@@ -1,10 +1,11 @@
1
1
  import { SliderSingleBase } from '@material/mwc-slider/slider-single-base';
2
2
  declare global {
3
3
  interface HTMLElementTagNameMap {
4
- 'cv-slider': CovalentSliderBase;
4
+ 'cv-slider': CovalentSlider;
5
5
  }
6
6
  }
7
- export declare class CovalentSliderBase extends SliderSingleBase {
7
+ export declare class CovalentSlider extends SliderSingleBase {
8
8
  static styles: import("lit").CSSResult[];
9
9
  }
10
+ export default CovalentSlider;
10
11
  //# sourceMappingURL=slider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/slider/slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAI3E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,cAAc,CAAC;KAC7B;CACF;AAED,qBACa,cAAe,SAAQ,gBAAgB;IAClD,OAAgB,MAAM,4BAAY;CACnC;AAED,eAAe,cAAc,CAAC"}
@@ -0,0 +1,64 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./tslib.es6.mjs"),T=require("./ripple-handlers.mjs"),v=require("./utils.mjs"),i=require("./mwc-slider.css.mjs"),l=require("./query-assigned-elements.mjs"),S=require("./property.mjs"),o=require("./state.mjs"),h=require("./query.mjs"),b=require("./class-map.mjs"),n=require("./if-defined.mjs"),p=require("./style-map.mjs");require("./base-element.mjs");require("./aria-property.mjs");require("./form-element.mjs");/**
2
+ * @license
3
+ * Copyright 2021 Google LLC
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */class s extends i.SliderBase{constructor(){super(...arguments),this.valueStart=0,this.startThumbWithIndicator=!1,this.startThumbTop=!1,this.shouldRenderStartRipple=!1,this.startThumbTransformStyle="",this.startThumbTransitionStyle="",this.startThumbCssProperties={},this.startRippleHandlers=new T.RippleHandlers(()=>(this.shouldRenderStartRipple=!0,this.startRipple))}update(t){if(t.has("valueStart")&&this.mdcFoundation){this.mdcFoundation.setValueStart(this.valueStart);const e=this.mdcFoundation.getValueStart();e!==this.valueStart&&(this.valueStart=e)}super.update(t)}renderRootEl(t){const e=b.o({"mdc-slider--disabled":this.disabled,"mdc-slider--discrete":this.discrete});return l.y`
6
+ <div
7
+ class="mdc-slider mdc-slider--range ${e}"
8
+ @pointerdown=${this.onPointerdown}
9
+ @pointerup=${this.onPointerup}
10
+ @contextmenu=${this.onContextmenu}>
11
+ ${t}
12
+ </div>`}renderStartInput(){var t;return l.y`
13
+ <input
14
+ class="mdc-slider__input start"
15
+ type="range"
16
+ step=${this.step}
17
+ min=${this.min}
18
+ max=${this.valueEnd}
19
+ .value=${this.valueStart}
20
+ @change=${this.onStartChange}
21
+ @focus=${this.onStartFocus}
22
+ @blur=${this.onStartBlur}
23
+ ?disabled=${this.disabled}
24
+ aria-label=${n.l(this.ariaLabel)}
25
+ aria-labelledby=${n.l(this.ariaLabelledBy)}
26
+ aria-describedby=${n.l(this.ariaDescribedBy)}
27
+ aria-valuetext=${n.l((t=this.valueToAriaTextTransform)===null||t===void 0?void 0:t.call(this,this.valueStart))}>
28
+ `}renderEndInput(){var t;return l.y`
29
+ <input
30
+ class="mdc-slider__input end"
31
+ type="range"
32
+ step=${this.step}
33
+ min=${this.valueStart}
34
+ max=${this.max}
35
+ .value=${this.valueEnd}
36
+ @change=${this.onEndChange.bind(this)}
37
+ @focus=${this.onEndFocus}
38
+ @blur=${this.onEndBlur}
39
+ ?disabled=${this.disabled}
40
+ name=${this.name}
41
+ aria-label=${n.l(this.ariaLabel)}
42
+ aria-labelledby=${n.l(this.ariaLabelledBy)}
43
+ aria-describedby=${n.l(this.ariaDescribedBy)}
44
+ aria-valuetext=${n.l((t=this.valueToAriaTextTransform)===null||t===void 0?void 0:t.call(this,this.valueEnd))}>
45
+ `}renderTrack(){const t=p.i({"transform-origin":this.trackTransformOriginStyle,left:this.trackLeftStyle?this.trackLeftStyle:getComputedStyle(this).direction==="rtl"?"":`calc(${(this.valueStart-this.min)/(this.max-this.min)*100}%)`,right:this.trackRightStyle?this.trackRightStyle:getComputedStyle(this).direction!=="rtl"?"":`calc(${(this.valueStart-this.min)/(this.max-this.min)*100}%)`,"-webkit-transform":`scaleX(${(this.valueEnd-this.valueStart)/(this.max-this.min)})`,transform:`scaleX(${(this.valueEnd-this.valueStart)/(this.max-this.min)})`,"-webkit-transition":this.trackTransitionStyle,transition:this.trackTransitionStyle});return l.y`
46
+ <div class="mdc-slider__track">
47
+ <div class="mdc-slider__track--inactive"></div>
48
+ <div class="mdc-slider__track--active">
49
+ <div
50
+ class="mdc-slider__track--active_fill"
51
+ style=${t}>
52
+ </div>
53
+ </div>
54
+ </div>`}renderStartThumb(){const t=b.o({"mdc-slider__thumb--with-indicator":this.startThumbWithIndicator,"mdc-slider__thumb--top":this.startThumbTop}),e=p.i(Object.assign({"-webkit-transform":this.startThumbTransformStyle,transform:this.startThumbTransformStyle,"-webkit-transition":this.startThumbTransitionStyle,transition:this.startThumbTransitionStyle,left:this.startThumbTransformStyle||getComputedStyle(this).direction==="rtl"?"":`calc(${(this.valueStart-this.min)/(this.max-this.min)*100}% - 24px)`,right:this.startThumbTransformStyle||getComputedStyle(this).direction!=="rtl"?"":`calc(${(this.valueStart-this.min)/(this.max-this.min)*100}% - 24px)`},this.startThumbCssProperties)),r=this.shouldRenderStartRipple?l.y`<mwc-ripple class="ripple" unbounded></mwc-ripple>`:l.b;return l.y`
55
+ <div
56
+ class="mdc-slider__thumb start ${t}"
57
+ style=${e}
58
+ @mouseenter=${this.onStartMouseenter}
59
+ @mouseleave=${this.onStartMouseleave}>
60
+ ${r}
61
+ ${this.renderValueIndicator(this.valueToValueIndicatorTransform(this.valueStart))}
62
+ <div class="mdc-slider__thumb-knob"></div>
63
+ </div>
64
+ `}createAdapter(){return{addClass:t=>{switch(t){case"mdc-slider--disabled":this.disabled=!0;break}},removeClass:t=>{switch(t){case"mdc-slider--disabled":this.disabled=!1;break}},hasClass:t=>{switch(t){case"mdc-slider--disabled":return this.disabled;case"mdc-slider--range":return!0;case"mdc-slider--discrete":return this.discrete;default:return!1}},addThumbClass:(t,e)=>{if(e===i.Thumb.START)switch(t){case"mdc-slider__thumb--with-indicator":this.startThumbWithIndicator=!0;break;case"mdc-slider__thumb--top":this.startThumbTop=!0;break}else switch(t){case"mdc-slider__thumb--with-indicator":this.endThumbWithIndicator=!0;break;case"mdc-slider__thumb--top":this.endThumbTop=!0;break}},removeThumbClass:(t,e)=>{if(e===i.Thumb.START)switch(t){case"mdc-slider__thumb--with-indicator":this.startThumbWithIndicator=!1;break;case"mdc-slider__thumb--top":this.startThumbTop=!1;break}else switch(t){case"mdc-slider__thumb--with-indicator":this.endThumbWithIndicator=!1;break;case"mdc-slider__thumb--top":this.endThumbTop=!1;break}},registerEventHandler:()=>{},deregisterEventHandler:()=>{},registerBodyEventHandler:(t,e)=>{document.body.addEventListener(t,e)},deregisterBodyEventHandler:(t,e)=>{document.body.removeEventListener(t,e)},registerInputEventHandler:(t,e,r)=>{t===i.Thumb.START?this.startInput.addEventListener(e,r):this.formElement.addEventListener(e,r)},deregisterInputEventHandler:(t,e,r)=>{t===i.Thumb.START?this.startInput.removeEventListener(e,r):this.formElement.removeEventListener(e,r)},registerThumbEventHandler:()=>{},deregisterThumbEventHandler:()=>{},registerWindowEventHandler:(t,e)=>{window.addEventListener(t,e)},deregisterWindowEventHandler:(t,e)=>{window.removeEventListener(t,e)},emitChangeEvent:(t,e)=>{const r=new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:t,thumb:e}});this.dispatchEvent(r)},emitDragEndEvent:(t,e)=>{e===i.Thumb.START?this.startRippleHandlers.endPress():this.endRippleHandlers.endPress()},emitDragStartEvent:(t,e)=>{e===i.Thumb.START?this.startRippleHandlers.startPress():this.endRippleHandlers.startPress()},emitInputEvent:(t,e)=>{const r=new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:t,thumb:e}});this.dispatchEvent(r)},focusInput:t=>{t===i.Thumb.START?this.startInput.focus():this.formElement.focus()},getAttribute:()=>"",getBoundingClientRect:()=>this.mdcRoot.getBoundingClientRect(),getInputAttribute:(t,e)=>{if(e===i.Thumb.START)switch(t){case"min":return this.min.toString();case"max":return this.valueEnd.toString();case"value":return this.valueStart.toString();case"step":return this.step.toString();default:return null}switch(t){case"min":return this.valueStart.toString();case"max":return this.max.toString();case"value":return this.valueEnd.toString();case"step":return this.step.toString();default:return null}},getInputValue:t=>t===i.Thumb.START?this.valueStart.toString():this.valueEnd.toString(),getThumbBoundingClientRect:t=>t===i.Thumb.START?this.startThumb.getBoundingClientRect():this.endThumb.getBoundingClientRect(),getThumbKnobWidth:t=>t===i.Thumb.START?this.startThumbKnob.getBoundingClientRect().width:this.endThumbKnob.getBoundingClientRect().width,getValueIndicatorContainerWidth:t=>t===i.Thumb.START?this.startValueIndicatorContainer.getBoundingClientRect().width:this.endValueIndicatorContainer.getBoundingClientRect().width,getValueToAriaValueTextFn:()=>this.valueToAriaTextTransform,isInputFocused:t=>{const e=v.deepActiveElementPath(),r=e[e.length-1];return t===i.Thumb.START?r===this.startInput:r===this.formElement},isRTL:()=>getComputedStyle(this).direction==="rtl",setInputAttribute:(t,e,r)=>{i.Thumb.START},removeInputAttribute:t=>{},setThumbStyleProperty:(t,e,r)=>{if(r===i.Thumb.START)switch(t){case"transform":case"-webkit-transform":this.startThumbTransformStyle=e;break;case"transition":case"-webkit-transition":this.startThumbTransitionStyle=e;break;default:t.startsWith("--")&&(this.startThumbCssProperties[t]=e)}else switch(t){case"transform":case"-webkit-transform":this.endThumbTransformStyle=e;break;case"transition":case"-webkit-transition":this.endThumbTransitionStyle=e;break;default:t.startsWith("--")&&(this.endThumbCssProperties[t]=e)}},removeThumbStyleProperty:(t,e)=>{if(e===i.Thumb.START)switch(t){case"left":case"right":break;case"transition":case"-webkit-transition":this.startThumbTransitionStyle="";break}else switch(t){case"left":case"right":break;case"transition":case"-webkit-transition":this.endThumbTransitionStyle="";break}},setTrackActiveStyleProperty:(t,e)=>{switch(t){case"transform-origin":this.trackTransformOriginStyle=e;break;case"left":this.trackLeftStyle=e;break;case"right":this.trackRightStyle=e;break;case"transform":case"-webkit-transform":break;case"transition":case"-webkit-transition":this.trackTransitionStyle=e;break}},removeTrackActiveStyleProperty:t=>{switch(t){case"transition":case"-webkit-transition":this.trackTransitionStyle="";break}},setInputValue:(t,e)=>{e===i.Thumb.START?this.valueStart=Number(t):this.valueEnd=Number(t)},setPointerCapture:t=>{this.mdcRoot.setPointerCapture(t)},setValueIndicatorText:()=>{},updateTickMarks:t=>{this.tickMarks=t}}}onStartChange(t){var e;this.valueStart=Number(t.target.value),(e=this.mdcFoundation)===null||e===void 0||e.handleInputChange(i.Thumb.START)}onStartFocus(){var t;(t=this.mdcFoundation)===null||t===void 0||t.handleInputFocus(i.Thumb.START),this.startRippleHandlers.startFocus()}onStartBlur(){var t;(t=this.mdcFoundation)===null||t===void 0||t.handleInputBlur(i.Thumb.START),this.startRippleHandlers.endFocus()}onStartMouseenter(){var t;(t=this.mdcFoundation)===null||t===void 0||t.handleThumbMouseenter(),this.startRippleHandlers.startHover()}onStartMouseleave(){var t;(t=this.mdcFoundation)===null||t===void 0||t.handleThumbMouseleave(),this.startRippleHandlers.endHover()}setFormData(t){this.name&&(t.append(`${this.name}-start`,`${this.valueStart}`),t.append(`${this.name}-end`,`${this.valueEnd}`))}}a.__decorate([h.i("input.start")],s.prototype,"startInput",void 0);a.__decorate([h.i(".start.mdc-slider__thumb")],s.prototype,"startThumb",void 0);a.__decorate([h.i(".start.mdc-slider__thumb .mdc-slider__thumb-knob")],s.prototype,"startThumbKnob",void 0);a.__decorate([h.i(".start.mdc-slider__thumb .mdc-slider__value-indicator-container")],s.prototype,"startValueIndicatorContainer",void 0);a.__decorate([T.e(".start .ripple")],s.prototype,"startRipple",void 0);a.__decorate([S.e({type:Number})],s.prototype,"valueStart",void 0);a.__decorate([o.t()],s.prototype,"startThumbWithIndicator",void 0);a.__decorate([o.t()],s.prototype,"startThumbTop",void 0);a.__decorate([o.t()],s.prototype,"shouldRenderStartRipple",void 0);a.__decorate([o.t()],s.prototype,"startThumbTransformStyle",void 0);a.__decorate([o.t()],s.prototype,"startThumbTransitionStyle",void 0);a.__decorate([o.t()],s.prototype,"startThumbCssProperties",void 0);var g=Object.defineProperty,_=Object.getOwnPropertyDescriptor,f=(u,t,e,r)=>{for(var d=r>1?void 0:r?_(t,e):t,c=u.length-1,m;c>=0;c--)(m=u[c])&&(d=(r?m(t,e,d):m(d))||d);return r&&d&&g(t,e,d),d};exports.CovalentSliderRange=class extends s{};exports.CovalentSliderRange.styles=[i.styles];exports.CovalentSliderRange=f([l.e("cv-slider-range")],exports.CovalentSliderRange);const y=exports.CovalentSliderRange;exports.default=y;
package/slider-range.mjs CHANGED
@@ -1,14 +1,14 @@
1
- import { b as a } from "./tslib.es6.mjs";
2
- import { R as v, e as S } from "./ripple-handlers.mjs";
3
- import { b as f } from "./utils.mjs";
1
+ import { _ as a } from "./tslib.es6.mjs";
2
+ import { e as T, R as S } from "./ripple-handlers.mjs";
3
+ import { d as f } from "./utils.mjs";
4
4
  import { S as g, T as r, s as y } from "./mwc-slider.css.mjs";
5
5
  import { y as d, b as _, e as R } from "./query-assigned-elements.mjs";
6
6
  import { e as k } from "./property.mjs";
7
7
  import { t as l } from "./state.mjs";
8
- import { i as h } from "./query.mjs";
8
+ import { i as u } from "./query.mjs";
9
9
  import { o as b } from "./class-map.mjs";
10
10
  import { l as n } from "./if-defined.mjs";
11
- import { i as T } from "./style-map.mjs";
11
+ import { i as v } from "./style-map.mjs";
12
12
  import "./base-element.mjs";
13
13
  import "./aria-property.mjs";
14
14
  import "./form-element.mjs";
@@ -19,7 +19,7 @@ import "./form-element.mjs";
19
19
  */
20
20
  class s extends g {
21
21
  constructor() {
22
- super(...arguments), this.valueStart = 0, this.startThumbWithIndicator = !1, this.startThumbTop = !1, this.shouldRenderStartRipple = !1, this.startThumbTransformStyle = "", this.startThumbTransitionStyle = "", this.startThumbCssProperties = {}, this.startRippleHandlers = new v(() => (this.shouldRenderStartRipple = !0, this.startRipple));
22
+ super(...arguments), this.valueStart = 0, this.startThumbWithIndicator = !1, this.startThumbTop = !1, this.shouldRenderStartRipple = !1, this.startThumbTransformStyle = "", this.startThumbTransitionStyle = "", this.startThumbCssProperties = {}, this.startRippleHandlers = new S(() => (this.shouldRenderStartRipple = !0, this.startRipple));
23
23
  }
24
24
  update(t) {
25
25
  if (t.has("valueStart") && this.mdcFoundation) {
@@ -85,7 +85,7 @@ class s extends g {
85
85
  `;
86
86
  }
87
87
  renderTrack() {
88
- const t = T({
88
+ const t = v({
89
89
  "transform-origin": this.trackTransformOriginStyle,
90
90
  left: this.trackLeftStyle ? this.trackLeftStyle : getComputedStyle(this).direction === "rtl" ? "" : `calc(${(this.valueStart - this.min) / (this.max - this.min) * 100}%)`,
91
91
  right: this.trackRightStyle ? this.trackRightStyle : getComputedStyle(this).direction !== "rtl" ? "" : `calc(${(this.valueStart - this.min) / (this.max - this.min) * 100}%)`,
@@ -109,7 +109,7 @@ class s extends g {
109
109
  const t = b({
110
110
  "mdc-slider__thumb--with-indicator": this.startThumbWithIndicator,
111
111
  "mdc-slider__thumb--top": this.startThumbTop
112
- }), e = T(Object.assign({ "-webkit-transform": this.startThumbTransformStyle, transform: this.startThumbTransformStyle, "-webkit-transition": this.startThumbTransitionStyle, transition: this.startThumbTransitionStyle, left: this.startThumbTransformStyle || getComputedStyle(this).direction === "rtl" ? "" : `calc(${(this.valueStart - this.min) / (this.max - this.min) * 100}% - 24px)`, right: this.startThumbTransformStyle || getComputedStyle(this).direction !== "rtl" ? "" : `calc(${(this.valueStart - this.min) / (this.max - this.min) * 100}% - 24px)` }, this.startThumbCssProperties)), i = this.shouldRenderStartRipple ? d`<mwc-ripple class="ripple" unbounded></mwc-ripple>` : _;
112
+ }), e = v(Object.assign({ "-webkit-transform": this.startThumbTransformStyle, transform: this.startThumbTransformStyle, "-webkit-transition": this.startThumbTransitionStyle, transition: this.startThumbTransitionStyle, left: this.startThumbTransformStyle || getComputedStyle(this).direction === "rtl" ? "" : `calc(${(this.valueStart - this.min) / (this.max - this.min) * 100}% - 24px)`, right: this.startThumbTransformStyle || getComputedStyle(this).direction !== "rtl" ? "" : `calc(${(this.valueStart - this.min) / (this.max - this.min) * 100}% - 24px)` }, this.startThumbCssProperties)), i = this.shouldRenderStartRipple ? d`<mwc-ripple class="ripple" unbounded></mwc-ripple>` : _;
113
113
  return d`
114
114
  <div
115
115
  class="mdc-slider__thumb start ${t}"
@@ -393,19 +393,19 @@ class s extends g {
393
393
  }
394
394
  }
395
395
  a([
396
- h("input.start")
396
+ u("input.start")
397
397
  ], s.prototype, "startInput", void 0);
398
398
  a([
399
- h(".start.mdc-slider__thumb")
399
+ u(".start.mdc-slider__thumb")
400
400
  ], s.prototype, "startThumb", void 0);
401
401
  a([
402
- h(".start.mdc-slider__thumb .mdc-slider__thumb-knob")
402
+ u(".start.mdc-slider__thumb .mdc-slider__thumb-knob")
403
403
  ], s.prototype, "startThumbKnob", void 0);
404
404
  a([
405
- h(".start.mdc-slider__thumb .mdc-slider__value-indicator-container")
405
+ u(".start.mdc-slider__thumb .mdc-slider__value-indicator-container")
406
406
  ], s.prototype, "startValueIndicatorContainer", void 0);
407
407
  a([
408
- S(".start .ripple")
408
+ T(".start .ripple")
409
409
  ], s.prototype, "startRipple", void 0);
410
410
  a([
411
411
  k({ type: Number })
@@ -428,17 +428,19 @@ a([
428
428
  a([
429
429
  l()
430
430
  ], s.prototype, "startThumbCssProperties", void 0);
431
- var w = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, E = (u, t, e, i) => {
432
- for (var o = i > 1 ? void 0 : i ? $(t, e) : t, c = u.length - 1, m; c >= 0; c--)
433
- (m = u[c]) && (o = (i ? m(t, e, o) : m(o)) || o);
431
+ var w = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, E = (c, t, e, i) => {
432
+ for (var o = i > 1 ? void 0 : i ? $(t, e) : t, m = c.length - 1, p; m >= 0; m--)
433
+ (p = c[m]) && (o = (i ? p(t, e, o) : p(o)) || o);
434
434
  return i && o && w(t, e, o), o;
435
435
  };
436
- let p = class extends s {
436
+ let h = class extends s {
437
437
  };
438
- p.styles = [y];
439
- p = E([
438
+ h.styles = [y];
439
+ h = E([
440
440
  R("cv-slider-range")
441
- ], p);
441
+ ], h);
442
+ const K = h;
442
443
  export {
443
- p as CovalentSliderRangeBase
444
+ h as CovalentSliderRange,
445
+ K as default
444
446
  };
package/slider.js ADDED
@@ -0,0 +1,14 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./tslib.es6.mjs");require("./ripple-handlers.mjs");const o=require("./utils.mjs"),r=require("./mwc-slider.css.mjs"),d=require("./query-assigned-elements.mjs"),h=require("./property.mjs"),m=require("./style-map.mjs");require("./base-element.mjs");require("./state.mjs");require("./query.mjs");require("./class-map.mjs");require("./aria-property.mjs");require("./form-element.mjs");require("./if-defined.mjs");/**
2
+ * @license
3
+ * Copyright 2018 Google LLC
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */class l extends r.SliderBase{get value(){return this.valueEnd}set value(e){this.valueEnd=e}renderTrack(){const e=m.i({"transform-origin":this.trackTransformOriginStyle,left:this.trackLeftStyle,right:this.trackRightStyle,"-webkit-transform":`scaleX(${(this.valueEnd-this.min)/(this.max-this.min)})`,transform:`scaleX(${(this.valueEnd-this.min)/(this.max-this.min)})`,"-webkit-transition":this.trackTransitionStyle,transition:this.trackTransitionStyle});return d.y`
6
+ <div class="mdc-slider__track">
7
+ <div class="mdc-slider__track--inactive"></div>
8
+ <div class="mdc-slider__track--active">
9
+ <div
10
+ class="mdc-slider__track--active_fill"
11
+ style=${e}>
12
+ </div>
13
+ </div>
14
+ </div>`}createAdapter(){return{addClass:e=>{switch(e){case"mdc-slider--disabled":this.disabled=!0;break}},removeClass:e=>{switch(e){case"mdc-slider--disabled":this.disabled=!1;break}},hasClass:e=>{switch(e){case"mdc-slider--disabled":return this.disabled;case"mdc-slider--discrete":return this.discrete;default:return!1}},addThumbClass:(e,t)=>{if(t!==r.Thumb.START)switch(e){case"mdc-slider__thumb--with-indicator":this.endThumbWithIndicator=!0;break}},removeThumbClass:(e,t)=>{if(t!==r.Thumb.START)switch(e){case"mdc-slider__thumb--with-indicator":this.endThumbWithIndicator=!1;break}},registerEventHandler:()=>{},deregisterEventHandler:()=>{},registerBodyEventHandler:(e,t)=>{document.body.addEventListener(e,t)},deregisterBodyEventHandler:(e,t)=>{document.body.removeEventListener(e,t)},registerInputEventHandler:(e,t,i)=>{e!==r.Thumb.START&&this.formElement.addEventListener(t,i)},deregisterInputEventHandler:(e,t,i)=>{e!==r.Thumb.START&&this.formElement.removeEventListener(t,i)},registerThumbEventHandler:()=>{},deregisterThumbEventHandler:()=>{},registerWindowEventHandler:(e,t)=>{window.addEventListener(e,t)},deregisterWindowEventHandler:(e,t)=>{window.addEventListener(e,t)},emitChangeEvent:(e,t)=>{if(t===r.Thumb.START)return;const i=new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:e,thumb:t}});this.dispatchEvent(i)},emitDragEndEvent:(e,t)=>{t!==r.Thumb.START&&this.endRippleHandlers.endPress()},emitDragStartEvent:(e,t)=>{t!==r.Thumb.START&&this.endRippleHandlers.startPress()},emitInputEvent:(e,t)=>{if(t===r.Thumb.START)return;const i=new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:e,thumb:t}});this.dispatchEvent(i)},focusInput:e=>{e!==r.Thumb.START&&this.formElement.focus()},getAttribute:()=>"",getBoundingClientRect:()=>this.mdcRoot.getBoundingClientRect(),getInputAttribute:(e,t)=>{if(t===r.Thumb.START)return null;switch(e){case"min":return this.min.toString();case"max":return this.max.toString();case"value":return this.valueEnd.toString();case"step":return this.step.toString();default:return null}},getInputValue:e=>e===r.Thumb.START?"":this.valueEnd.toString(),getThumbBoundingClientRect:e=>e===r.Thumb.START?this.getBoundingClientRect():this.endThumb.getBoundingClientRect(),getThumbKnobWidth:e=>e===r.Thumb.START?0:this.endThumbKnob.getBoundingClientRect().width,getValueIndicatorContainerWidth:e=>e===r.Thumb.START?0:this.endValueIndicatorContainer.getBoundingClientRect().width,getValueToAriaValueTextFn:()=>this.valueToAriaTextTransform,isInputFocused:e=>{if(e===r.Thumb.START)return!1;const t=o.deepActiveElementPath();return t[t.length-1]===this.formElement},isRTL:()=>getComputedStyle(this).direction==="rtl",setInputAttribute:(e,t,i)=>{r.Thumb.START},removeInputAttribute:e=>{},setThumbStyleProperty:(e,t,i)=>{if(i!==r.Thumb.START)switch(e){case"transform":case"-webkit-transform":this.endThumbTransformStyle=t;break;case"transition":case"-webkit-transition":this.endThumbTransitionStyle=t;break;default:e.startsWith("--")&&(this.endThumbCssProperties[e]=t)}},removeThumbStyleProperty:(e,t)=>{if(t!==r.Thumb.START)switch(e){case"left":case"right":break;case"transition":case"-webkit-transition":this.endThumbTransitionStyle="";break}},setTrackActiveStyleProperty:(e,t)=>{switch(e){case"transform-origin":this.trackTransformOriginStyle=t;break;case"left":this.trackLeftStyle=t;break;case"right":this.trackRightStyle=t;break;case"transform":case"-webkit-transform":break;case"transition":case"-webkit-transition":this.trackTransitionStyle=t;break}},removeTrackActiveStyleProperty:e=>{switch(e){case"transition":case"-webkit-transition":this.trackTransitionStyle="";break}},setInputValue:(e,t)=>{t!==r.Thumb.START&&(this.valueEnd=Number(e))},setPointerCapture:e=>{this.mdcRoot.setPointerCapture(e)},setValueIndicatorText:()=>{},updateTickMarks:e=>{this.tickMarks=e}}}}c.__decorate([h.e({type:Number})],l.prototype,"value",null);var T=Object.defineProperty,b=Object.getOwnPropertyDescriptor,v=(s,e,t,i)=>{for(var n=i>1?void 0:i?b(e,t):e,a=s.length-1,u;a>=0;a--)(u=s[a])&&(n=(i?u(e,t,n):u(n))||n);return i&&n&&T(e,t,n),n};exports.CovalentSlider=class extends l{};exports.CovalentSlider.styles=[r.styles];exports.CovalentSlider=v([d.e("cv-slider")],exports.CovalentSlider);const f=exports.CovalentSlider;exports.default=f;
package/slider.mjs CHANGED
@@ -1,9 +1,9 @@
1
- import { b as u } from "./tslib.es6.mjs";
1
+ import { _ as u } from "./tslib.es6.mjs";
2
2
  import "./ripple-handlers.mjs";
3
- import { b as c } from "./utils.mjs";
3
+ import { d as c } from "./utils.mjs";
4
4
  import { S as h, T as r, s as m } from "./mwc-slider.css.mjs";
5
- import { y as T, e as b } from "./query-assigned-elements.mjs";
6
- import { e as v } from "./property.mjs";
5
+ import { y as T, e as v } from "./query-assigned-elements.mjs";
6
+ import { e as b } from "./property.mjs";
7
7
  import { i as f } from "./style-map.mjs";
8
8
  import "./base-element.mjs";
9
9
  import "./state.mjs";
@@ -239,19 +239,21 @@ class o extends h {
239
239
  }
240
240
  }
241
241
  u([
242
- v({ type: Number })
242
+ b({ type: Number })
243
243
  ], o.prototype, "value", null);
244
- var p = Object.defineProperty, g = Object.getOwnPropertyDescriptor, S = (n, t, e, i) => {
245
- for (var s = i > 1 ? void 0 : i ? g(t, e) : t, a = n.length - 1, d; a >= 0; a--)
246
- (d = n[a]) && (s = (i ? d(t, e, s) : d(s)) || s);
244
+ var p = Object.defineProperty, g = Object.getOwnPropertyDescriptor, S = (a, t, e, i) => {
245
+ for (var s = i > 1 ? void 0 : i ? g(t, e) : t, d = a.length - 1, l; d >= 0; d--)
246
+ (l = a[d]) && (s = (i ? l(t, e, s) : l(s)) || s);
247
247
  return i && s && p(t, e, s), s;
248
248
  };
249
- let l = class extends o {
249
+ let n = class extends o {
250
250
  };
251
- l.styles = [m];
252
- l = S([
253
- b("cv-slider")
254
- ], l);
251
+ n.styles = [m];
252
+ n = S([
253
+ v("cv-slider")
254
+ ], n);
255
+ const V = n;
255
256
  export {
256
- l as CovalentSliderBase
257
+ n as CovalentSlider,
258
+ V as default
257
259
  };
@@ -1,10 +1,11 @@
1
1
  import { SnackbarBase } from '@material/mwc-snackbar/mwc-snackbar-base';
2
2
  declare global {
3
3
  interface HTMLElementTagNameMap {
4
- 'cv-snackbar': CovalentSnackbarBase;
4
+ 'cv-snackbar': CovalentSnackbar;
5
5
  }
6
6
  }
7
- export declare class CovalentSnackbarBase extends SnackbarBase {
7
+ export declare class CovalentSnackbar extends SnackbarBase {
8
8
  static styles: import("lit").CSSResult[];
9
9
  }
10
+ export default CovalentSnackbar;
10
11
  //# sourceMappingURL=snackbar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/snackbar/snackbar.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAIxE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,gBAAgB,CAAC;KACjC;CACF;AAED,qBACa,gBAAiB,SAAQ,YAAY;IAChD,OAAgB,MAAM,4BAA2C;CAClE;AAED,eAAe,gBAAgB,CAAC"}
package/snackbar.js ADDED
@@ -0,0 +1,93 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./query-assigned-elements.mjs"),r=require("./tslib.es6.mjs"),O=require("./base-element.mjs"),g=require("./observer.mjs"),p=require("./property.mjs"),C=require("./query.mjs"),_=require("./class-map.mjs"),I=require("./directive-helpers.mjs"),N=require("./utils.mjs");/**
2
+ * @license
3
+ * Copyright 2016 Google Inc.
4
+ *
5
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ * of this software and associated documentation files (the "Software"), to deal
7
+ * in the Software without restriction, including without limitation the rights
8
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ * copies of the Software, and to permit persons to whom the Software is
10
+ * furnished to do so, subject to the following conditions:
11
+ *
12
+ * The above copyright notice and this permission notice shall be included in
13
+ * all copies or substantial portions of the Software.
14
+ *
15
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ * THE SOFTWARE.
22
+ */var M=function(){function a(e){e===void 0&&(e={}),this.adapter=e}return Object.defineProperty(a,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(a,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(a,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(a,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),a.prototype.init=function(){},a.prototype.destroy=function(){},a}();/**
23
+ * @license
24
+ * Copyright 2018 Google Inc.
25
+ *
26
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
27
+ * of this software and associated documentation files (the "Software"), to deal
28
+ * in the Software without restriction, including without limitation the rights
29
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
30
+ * copies of the Software, and to permit persons to whom the Software is
31
+ * furnished to do so, subject to the following conditions:
32
+ *
33
+ * The above copyright notice and this permission notice shall be included in
34
+ * all copies or substantial portions of the Software.
35
+ *
36
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
37
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
38
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
39
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
40
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
41
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
42
+ * THE SOFTWARE.
43
+ */var d={CLOSING:"mdc-snackbar--closing",OPEN:"mdc-snackbar--open",OPENING:"mdc-snackbar--opening"},k={ACTION_SELECTOR:".mdc-snackbar__action",ARIA_LIVE_LABEL_TEXT_ATTR:"data-mdc-snackbar-label-text",CLOSED_EVENT:"MDCSnackbar:closed",CLOSING_EVENT:"MDCSnackbar:closing",DISMISS_SELECTOR:".mdc-snackbar__dismiss",LABEL_SELECTOR:".mdc-snackbar__label",OPENED_EVENT:"MDCSnackbar:opened",OPENING_EVENT:"MDCSnackbar:opening",REASON_ACTION:"action",REASON_DISMISS:"dismiss",SURFACE_SELECTOR:".mdc-snackbar__surface"},c={DEFAULT_AUTO_DISMISS_TIMEOUT_MS:5e3,INDETERMINATE:-1,MAX_AUTO_DISMISS_TIMEOUT_MS:1e4,MIN_AUTO_DISMISS_TIMEOUT_MS:4e3,SNACKBAR_ANIMATION_CLOSE_TIME_MS:75,SNACKBAR_ANIMATION_OPEN_TIME_MS:150,ARIA_LIVE_DELAY_MS:1e3};/**
44
+ * @license
45
+ * Copyright 2018 Google Inc.
46
+ *
47
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
48
+ * of this software and associated documentation files (the "Software"), to deal
49
+ * in the Software without restriction, including without limitation the rights
50
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
51
+ * copies of the Software, and to permit persons to whom the Software is
52
+ * furnished to do so, subject to the following conditions:
53
+ *
54
+ * The above copyright notice and this permission notice shall be included in
55
+ * all copies or substantial portions of the Software.
56
+ *
57
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
58
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
59
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
60
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
61
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
62
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
63
+ * THE SOFTWARE.
64
+ */var x=d.OPENING,E=d.OPEN,A=d.CLOSING,D=k.REASON_ACTION,h=k.REASON_DISMISS,w=function(a){r.__extends(e,a);function e(t){var i=a.call(this,r.__assign(r.__assign({},e.defaultAdapter),t))||this;return i.opened=!1,i.animationFrame=0,i.animationTimer=0,i.autoDismissTimer=0,i.autoDismissTimeoutMs=c.DEFAULT_AUTO_DISMISS_TIMEOUT_MS,i.closeOnEscape=!0,i}return Object.defineProperty(e,"cssClasses",{get:function(){return d},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return k},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return c},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},announce:function(){},notifyClosed:function(){},notifyClosing:function(){},notifyOpened:function(){},notifyOpening:function(){},removeClass:function(){}}},enumerable:!1,configurable:!0}),e.prototype.destroy=function(){this.clearAutoDismissTimer(),cancelAnimationFrame(this.animationFrame),this.animationFrame=0,clearTimeout(this.animationTimer),this.animationTimer=0,this.adapter.removeClass(x),this.adapter.removeClass(E),this.adapter.removeClass(A)},e.prototype.open=function(){var t=this;this.clearAutoDismissTimer(),this.opened=!0,this.adapter.notifyOpening(),this.adapter.removeClass(A),this.adapter.addClass(x),this.adapter.announce(),this.runNextAnimationFrame(function(){t.adapter.addClass(E),t.animationTimer=setTimeout(function(){var i=t.getTimeoutMs();t.handleAnimationTimerEnd(),t.adapter.notifyOpened(),i!==c.INDETERMINATE&&(t.autoDismissTimer=setTimeout(function(){t.close(h)},i))},c.SNACKBAR_ANIMATION_OPEN_TIME_MS)})},e.prototype.close=function(t){var i=this;t===void 0&&(t=""),this.opened&&(cancelAnimationFrame(this.animationFrame),this.animationFrame=0,this.clearAutoDismissTimer(),this.opened=!1,this.adapter.notifyClosing(t),this.adapter.addClass(d.CLOSING),this.adapter.removeClass(d.OPEN),this.adapter.removeClass(d.OPENING),clearTimeout(this.animationTimer),this.animationTimer=setTimeout(function(){i.handleAnimationTimerEnd(),i.adapter.notifyClosed(t)},c.SNACKBAR_ANIMATION_CLOSE_TIME_MS))},e.prototype.isOpen=function(){return this.opened},e.prototype.getTimeoutMs=function(){return this.autoDismissTimeoutMs},e.prototype.setTimeoutMs=function(t){var i=c.MIN_AUTO_DISMISS_TIMEOUT_MS,n=c.MAX_AUTO_DISMISS_TIMEOUT_MS,s=c.INDETERMINATE;if(t===c.INDETERMINATE||t<=n&&t>=i)this.autoDismissTimeoutMs=t;else throw new Error(`
65
+ timeoutMs must be an integer in the range `+i+"–"+n+`
66
+ (or `+s+" to disable), but got '"+t+"'")},e.prototype.getCloseOnEscape=function(){return this.closeOnEscape},e.prototype.setCloseOnEscape=function(t){this.closeOnEscape=t},e.prototype.handleKeyDown=function(t){var i=t.key==="Escape"||t.keyCode===27;i&&this.getCloseOnEscape()&&this.close(h)},e.prototype.handleActionButtonClick=function(t){this.close(D)},e.prototype.handleActionIconClick=function(t){this.close(h)},e.prototype.clearAutoDismissTimer=function(){clearTimeout(this.autoDismissTimer),this.autoDismissTimer=0},e.prototype.handleAnimationTimerEnd=function(){this.animationTimer=0,this.adapter.removeClass(d.OPENING),this.adapter.removeClass(d.CLOSING)},e.prototype.runNextAnimationFrame=function(t){var i=this;cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame(function(){i.animationFrame=0,clearTimeout(i.animationTimer),i.animationTimer=setTimeout(t,0)})},e}(M);const y=w;/**
67
+ * @license
68
+ * Copyright 2017 Google LLC
69
+ * SPDX-License-Identifier: BSD-3-Clause
70
+ */const u=(a,e)=>{var t,i;const n=a._$AN;if(n===void 0)return!1;for(const s of n)(i=(t=s)._$AO)===null||i===void 0||i.call(t,e,!1),u(s,e);return!0},f=a=>{let e,t;do{if((e=a._$AM)===void 0)break;t=e._$AN,t.delete(a),a=e}while((t==null?void 0:t.size)===0)},T=a=>{for(let e;e=a._$AM;a=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(a))break;t.add(a),L(e)}};function $(a){this._$AN!==void 0?(f(this),this._$AM=a,T(this)):this._$AM=a}function F(a,e=!1,t=0){const i=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(e)if(Array.isArray(i))for(let s=t;s<i.length;s++)u(i[s],!1),f(i[s]);else i!=null&&(u(i,!1),f(i));else u(this,a)}const L=a=>{var e,t,i,n;a.type==_.t.CHILD&&((e=(i=a)._$AP)!==null&&e!==void 0||(i._$AP=F),(t=(n=a)._$AQ)!==null&&t!==void 0||(n._$AQ=$))};class P extends _.i{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,i){super._$AT(e,t,i),T(this),this.isConnected=e._$AU}_$AO(e,t=!0){var i,n;e!==this.isConnected&&(this.isConnected=e,e?(i=this.reconnected)===null||i===void 0||i.call(this):(n=this.disconnected)===null||n===void 0||n.call(this)),t&&(u(this,e),f(this))}setValue(e){if(I.e(this._$Ct))this._$Ct._$AI(e,this);else{const t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}}/**
71
+ * @license
72
+ * Copyright 2019 Google LLC
73
+ * SPDX-License-Identifier: Apache-2.0
74
+ */const{ARIA_LIVE_DELAY_MS:R}=y.numbers;class z extends P{constructor(e){if(super(e),this.labelEl=null,this.timerId=null,this.previousPart=null,e.type!==_.t.CHILD)throw new Error("AccessibleSnackbarLabel only supports child parts.")}update(e,[t,i]){var n;if(!i)return;if(this.labelEl===null){const v=document.createElement("div"),S=l.y`<div class="mdc-snackbar__label" role="status" aria-live="polite"></div>`;l.Z(S,v);const b=v.firstElementChild;return b.textContent=t,(n=e.endNode)===null||n===void 0||n.parentNode.insertBefore(b,e.endNode),this.labelEl=b,b}const s=this.labelEl;s.setAttribute("aria-live","off"),s.textContent="";const o=document.createElement("span");return o.style.display="inline-block",o.style.width="0",o.style.height="1px",o.textContent=" ",s.appendChild(o),s.setAttribute("data-mdc-snackbar-label-text",t),this.timerId!==null&&clearTimeout(this.timerId),this.timerId=window.setTimeout(()=>{this.timerId=null,s.setAttribute("aria-live","polite"),s.removeAttribute("data-mdc-snackbar-label-text"),s.textContent=t,this.setValue(this.labelEl)},R),s}render(e,t){return t?l.y`
75
+ <div class="mdc-snackbar__label" role="status" aria-live="polite">${e}</div>`:l.y``}}const U=_.e(z);/**
76
+ * @license
77
+ * Copyright 2018 Google LLC
78
+ * SPDX-License-Identifier: Apache-2.0
79
+ */const{OPENING_EVENT:j,OPENED_EVENT:V,CLOSING_EVENT:B,CLOSED_EVENT:G}=y.strings;class m extends O.BaseElement{constructor(){super(...arguments),this.mdcFoundationClass=y,this.open=!1,this.timeoutMs=5e3,this.closeOnEscape=!1,this.labelText="",this.stacked=!1,this.leading=!1,this.reason=""}render(){const e={"mdc-snackbar--stacked":this.stacked,"mdc-snackbar--leading":this.leading};return l.y`
80
+ <div class="mdc-snackbar ${_.o(e)}" @keydown="${this._handleKeydown}">
81
+ <div class="mdc-snackbar__surface">
82
+ ${U(this.labelText,this.open)}
83
+ <div class="mdc-snackbar__actions">
84
+ <slot name="action" @click="${this._handleActionClick}"></slot>
85
+ <slot name="dismiss" @click="${this._handleDismissClick}"></slot>
86
+ </div>
87
+ </div>
88
+ </div>`}createAdapter(){return Object.assign(Object.assign({},N.addHasRemoveClass(this.mdcRoot)),{announce:()=>{},notifyClosed:e=>{this.dispatchEvent(new CustomEvent(G,{bubbles:!0,cancelable:!0,detail:{reason:e}}))},notifyClosing:e=>{this.open=!1,this.dispatchEvent(new CustomEvent(B,{bubbles:!0,cancelable:!0,detail:{reason:e}}))},notifyOpened:()=>{this.dispatchEvent(new CustomEvent(V,{bubbles:!0,cancelable:!0}))},notifyOpening:()=>{this.open=!0,this.dispatchEvent(new CustomEvent(j,{bubbles:!0,cancelable:!0}))}})}show(){this.open=!0}close(e=""){this.reason=e,this.open=!1}firstUpdated(){super.firstUpdated(),this.open&&this.mdcFoundation.open()}_handleKeydown(e){this.mdcFoundation.handleKeyDown(e)}_handleActionClick(e){this.mdcFoundation.handleActionButtonClick(e)}_handleDismissClick(e){this.mdcFoundation.handleActionIconClick(e)}}r.__decorate([C.i(".mdc-snackbar")],m.prototype,"mdcRoot",void 0);r.__decorate([C.i(".mdc-snackbar__label")],m.prototype,"labelElement",void 0);r.__decorate([p.e({type:Boolean,reflect:!0}),g.observer(function(a){this.mdcFoundation&&(a?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=""))})],m.prototype,"open",void 0);r.__decorate([g.observer(function(a){this.mdcFoundation.setTimeoutMs(a)}),p.e({type:Number})],m.prototype,"timeoutMs",void 0);r.__decorate([g.observer(function(a){this.mdcFoundation.setCloseOnEscape(a)}),p.e({type:Boolean})],m.prototype,"closeOnEscape",void 0);r.__decorate([p.e({type:String})],m.prototype,"labelText",void 0);r.__decorate([p.e({type:Boolean})],m.prototype,"stacked",void 0);r.__decorate([p.e({type:Boolean})],m.prototype,"leading",void 0);/**
89
+ * @license
90
+ * Copyright 2021 Google LLC
91
+ * SPDX-LIcense-Identifier: Apache-2.0
92
+ */const q=l.i`.mdc-snackbar{z-index:8;margin:8px;display:none;position:fixed;right:0;bottom:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-snackbar__surface{background-color:#333333}.mdc-snackbar__label{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__surface{min-width:344px}@media(max-width: 480px),(max-width: 344px){.mdc-snackbar__surface{min-width:100%}}.mdc-snackbar__surface{max-width:672px}.mdc-snackbar__surface{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0,0,0,.12)}.mdc-snackbar__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-snackbar--opening,.mdc-snackbar--open,.mdc-snackbar--closing{display:flex}.mdc-snackbar--open .mdc-snackbar__label,.mdc-snackbar--open .mdc-snackbar__actions{visibility:visible}.mdc-snackbar--leading{justify-content:flex-start}.mdc-snackbar--stacked .mdc-snackbar__label{padding-left:16px;padding-right:8px;padding-bottom:12px}[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label,.mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px}.mdc-snackbar--stacked .mdc-snackbar__surface{flex-direction:column;align-items:flex-start}.mdc-snackbar--stacked .mdc-snackbar__actions{align-self:flex-end;margin-bottom:8px}.mdc-snackbar__surface{padding-left:0;padding-right:8px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;transform:scale(0.8);opacity:0}.mdc-snackbar__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}@media screen and (forced-colors: active){.mdc-snackbar__surface::before{border-color:CanvasText}}[dir=rtl] .mdc-snackbar__surface,.mdc-snackbar__surface[dir=rtl]{padding-left:8px;padding-right:0}.mdc-snackbar--open .mdc-snackbar__surface{transform:scale(1);opacity:1;pointer-events:auto;transition:opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-snackbar--closing .mdc-snackbar__surface{transform:scale(1);transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-snackbar__label{-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:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.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:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.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);padding-left:16px;padding-right:8px;width:100%;flex-grow:1;box-sizing:border-box;margin:0;visibility:hidden;padding-top:14px;padding-bottom:14px}[dir=rtl] .mdc-snackbar__label,.mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px}.mdc-snackbar__label::before{display:inline;content:attr(data-mdc-snackbar-label-text)}.mdc-snackbar__actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;visibility:hidden}.mdc-snackbar__action:not(:disabled){color:#bb86fc}.mdc-snackbar__action .mdc-button__ripple::before,.mdc-snackbar__action .mdc-button__ripple::after{background-color:#bb86fc;background-color:var(--mdc-ripple-color, #bb86fc)}.mdc-snackbar__action:hover .mdc-button__ripple::before,.mdc-snackbar__action.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__action.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__action:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-snackbar__action:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__dismiss .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss .mdc-icon-button__ripple::after{background-color:rgba(255, 255, 255, 0.87);background-color:var(--mdc-ripple-color, rgba(255, 255, 255, 0.87))}.mdc-snackbar__dismiss:hover .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss.mdc-ripple-surface--hover .mdc-icon-button__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-snackbar__dismiss{width:36px;height:36px;padding:6px;font-size:18px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__focus-ring{display:none}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:36px;max-width:36px}@media screen and (forced-colors: active){.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:36px;height:36px;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:36px;max-width:36px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__touch{position:absolute;top:50%;height:36px;left:50%;width:36px;transform:translate(-50%, -50%)}.mdc-snackbar__action+.mdc-snackbar__dismiss{margin-left:8px;margin-right:0}[dir=rtl] .mdc-snackbar__action+.mdc-snackbar__dismiss,.mdc-snackbar__action+.mdc-snackbar__dismiss[dir=rtl]{margin-left:0;margin-right:8px}slot[name=action]::slotted(mwc-button){--mdc-theme-primary: var( --mdc-snackbar-action-color, #bb86fc )}slot[name=dismiss]::slotted(mwc-icon-button){--mdc-icon-size: 18px;--mdc-icon-button-size: 36px;color:rgba(255, 255, 255, 0.87);margin-left:8px;margin-right:0}[dir=rtl] slot[name=dismiss]::slotted(mwc-icon-button),::slotted(mwc-icon-buttonslot[name=dismiss][dir=rtl]){margin-left:0;margin-right:8px}`,K=`:host{--mdc-snackbar-action-color: var(--mdc-theme-text-primary-on-dark)}:host ::slotted(cv-icon-button){color:var(--mdc-theme-text-icon-on-dark)}
93
+ `;var H=Object.defineProperty,X=Object.getOwnPropertyDescriptor,Q=(a,e,t,i)=>{for(var n=i>1?void 0:i?X(e,t):e,s=a.length-1,o;s>=0;s--)(o=a[s])&&(n=(i?o(e,t,n):o(n))||n);return i&&n&&H(e,t,n),n};exports.CovalentSnackbar=class extends m{};exports.CovalentSnackbar.styles=[q,l.i`${l.r(K)}`];exports.CovalentSnackbar=Q([l.e("cv-snackbar")],exports.CovalentSnackbar);const Y=exports.CovalentSnackbar;exports.default=Y;
package/snackbar.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Z as M, y as b, i as C, r as D, e as w } from "./query-assigned-elements.mjs";
2
- import { _ as $, a as x, b as m } from "./tslib.es6.mjs";
2
+ import { a as $, b as x, _ as m } from "./tslib.es6.mjs";
3
3
  import { B as F } from "./base-element.mjs";
4
4
  import { o as g } from "./observer.mjs";
5
5
  import { e as l } from "./property.mjs";
@@ -139,7 +139,7 @@ var c = {
139
139
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
140
140
  * THE SOFTWARE.
141
141
  */
142
- var E = c.OPENING, A = c.OPEN, T = c.CLOSING, V = k.REASON_ACTION, f = k.REASON_DISMISS, j = (
142
+ var E = c.OPENING, A = c.OPEN, T = c.CLOSING, V = k.REASON_ACTION, h = k.REASON_DISMISS, j = (
143
143
  /** @class */
144
144
  function(a) {
145
145
  $(e, a);
@@ -194,7 +194,7 @@ var E = c.OPENING, A = c.OPEN, T = c.CLOSING, V = k.REASON_ACTION, f = k.REASON_
194
194
  t.adapter.addClass(A), t.animationTimer = setTimeout(function() {
195
195
  var i = t.getTimeoutMs();
196
196
  t.handleAnimationTimerEnd(), t.adapter.notifyOpened(), i !== o.INDETERMINATE && (t.autoDismissTimer = setTimeout(function() {
197
- t.close(f);
197
+ t.close(h);
198
198
  }, i));
199
199
  }, o.SNACKBAR_ANIMATION_OPEN_TIME_MS);
200
200
  });
@@ -221,11 +221,11 @@ var E = c.OPENING, A = c.OPEN, T = c.CLOSING, V = k.REASON_ACTION, f = k.REASON_
221
221
  this.closeOnEscape = t;
222
222
  }, e.prototype.handleKeyDown = function(t) {
223
223
  var i = t.key === "Escape" || t.keyCode === 27;
224
- i && this.getCloseOnEscape() && this.close(f);
224
+ i && this.getCloseOnEscape() && this.close(h);
225
225
  }, e.prototype.handleActionButtonClick = function(t) {
226
226
  this.close(V);
227
227
  }, e.prototype.handleActionIconClick = function(t) {
228
- this.close(f);
228
+ this.close(h);
229
229
  }, e.prototype.clearAutoDismissTimer = function() {
230
230
  clearTimeout(this.autoDismissTimer), this.autoDismissTimer = 0;
231
231
  }, e.prototype.handleAnimationTimerEnd = function() {
@@ -450,12 +450,14 @@ var ae = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, se = (a, e
450
450
  (r = a[s]) && (n = (i ? r(e, t, n) : r(n)) || n);
451
451
  return i && n && ae(e, t, n), n;
452
452
  };
453
- let h = class extends d {
453
+ let f = class extends d {
454
454
  };
455
- h.styles = [te, C`${D(ie)}`];
456
- h = se([
455
+ f.styles = [te, C`${D(ie)}`];
456
+ f = se([
457
457
  w("cv-snackbar")
458
- ], h);
458
+ ], f);
459
+ const _e = f;
459
460
  export {
460
- h as CovalentSnackbarBase
461
+ f as CovalentSnackbar,
462
+ _e as default
461
463
  };
package/state.mjs CHANGED
@@ -1,12 +1,5 @@
1
- import { e as r } from "./property.mjs";
2
- /**
1
+ "use strict";const e=require("./property.mjs");/**
3
2
  * @license
4
3
  * Copyright 2017 Google LLC
5
4
  * SPDX-License-Identifier: BSD-3-Clause
6
- */
7
- function o(t) {
8
- return r({ ...t, state: !0 });
9
- }
10
- export {
11
- o as t
12
- };
5
+ */function r(t){return e.e({...t,state:!0})}exports.t=r;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"status-header-base.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/status-header/status-header-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,qBAAa,gBAAiB,SAAQ,UAAU;IAClC,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAC9D;IACgB,UAAU,SAAM;IAChB,YAAY,SAAM;IAClB,SAAS,SAAM;cAExB,MAAM;CA8B1B"}
@@ -14,4 +14,5 @@ export declare class CovalentStatusHeaderItem extends LitElement {
14
14
  label: string;
15
15
  render(): import("lit-html").TemplateResult<1>;
16
16
  }
17
+ export default CovalentStatusHeaderItem;
17
18
  //# sourceMappingURL=status-header-item.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"status-header-item.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/status-header/status-header-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAIvD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,wBAAwB,CAAC;KACnD;CACF;AAED;;;;GAIG;AACH,qBACa,wBAAyB,SAAQ,UAAU;IACtD,OAAgB,MAAM,4BAIpB;IAGF,KAAK,EAAG,MAAM,CAAC;IAEf,MAAM;CAGP;AAED,eAAe,wBAAwB,CAAC"}
@@ -12,4 +12,5 @@ declare global {
12
12
  'cv-status-header': CovalentStatusHeader;
13
13
  }
14
14
  }
15
+ export default CovalentStatusHeader;
15
16
  //# sourceMappingURL=status-header.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"status-header.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/status-header/status-header.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,4 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements.mjs"),i=require("./property.mjs"),p=`:host{--cv-status-header-item-width: 178px;display:flex;padding:14px 16px;align-items:center;font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}span{display:inline-block;width:var(--cv-status-header-item-width);color:var(--mdc-theme-text-secondary-on-background)}
2
+ `;var u=Object.defineProperty,v=Object.getOwnPropertyDescriptor,d=(s,a,o,r)=>{for(var e=r>1?void 0:r?v(a,o):a,n=s.length-1,l;n>=0;n--)(l=s[n])&&(e=(r?l(a,o,e):l(e))||e);return r&&e&&u(a,o,e),e};exports.CovalentStatusHeaderItem=class extends t.s{render(){return t.y`<span>${this.label}</span> <slot></slot>`}};exports.CovalentStatusHeaderItem.styles=[t.i`
3
+ ${t.r(p)}
4
+ `];d([i.e()],exports.CovalentStatusHeaderItem.prototype,"label",2);exports.CovalentStatusHeaderItem=d([t.e("cv-status-header-item")],exports.CovalentStatusHeaderItem);const y=exports.CovalentStatusHeaderItem;exports.default=y;