@covalent/components 6.2.0 → 6.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (190) hide show
  1. package/action-ribbon.js +6 -6
  2. package/action-ribbon.mjs +30 -35
  3. package/alert.js +6 -6
  4. package/alert.mjs +14 -19
  5. package/app-shell/app-shell.d.ts +2 -0
  6. package/app-shell/app-shell.d.ts.map +1 -1
  7. package/app-shell.js +8 -8
  8. package/app-shell.mjs +44 -42
  9. package/button.js +9 -9
  10. package/button.mjs +16 -25
  11. package/card.js +8 -8
  12. package/card.mjs +15 -17
  13. package/check-list-item.js +9 -9
  14. package/check-list-item.mjs +17 -26
  15. package/checkbox.js +2 -2
  16. package/checkbox.mjs +20 -29
  17. package/circular-progress.js +29 -29
  18. package/circular-progress.mjs +10 -14
  19. package/code-snippet.js +9 -9
  20. package/code-snippet.mjs +7 -10
  21. package/dialog.js +1 -1
  22. package/dialog.mjs +162 -14
  23. package/{dialog-85c21333.mjs → dialog2.mjs} +50 -56
  24. package/directive-helpers.mjs +5 -0
  25. package/drawer.js +3 -3
  26. package/drawer.mjs +9 -15
  27. package/empty-state.js +5 -5
  28. package/empty-state.mjs +4 -6
  29. package/{form-element-d4e7bcdb.js → form-element.mjs} +2 -2
  30. package/{foundation-3f55a9dc.js → foundation.mjs} +3 -3
  31. package/icon-button.js +8 -8
  32. package/icon-button.mjs +16 -25
  33. package/icon-check-toggle.js +9 -9
  34. package/icon-check-toggle.mjs +11 -20
  35. package/icon-radio/icon-radio-toggle.d.ts +2 -3
  36. package/icon-radio/icon-radio-toggle.d.ts.map +1 -1
  37. package/icon-radio-toggle.js +8 -14
  38. package/icon-radio-toggle.mjs +37 -64
  39. package/icon.js +2 -2
  40. package/icon.mjs +8 -9
  41. package/if-defined.mjs +5 -0
  42. package/index.js +1 -1
  43. package/index.mjs +114 -124
  44. package/linear-progress.js +12 -12
  45. package/linear-progress.mjs +17 -23
  46. package/list/list-expansion.d.ts +3 -2
  47. package/list/list-expansion.d.ts.map +1 -1
  48. package/list/list-item.d.ts.map +1 -1
  49. package/list/list.d.ts +5 -0
  50. package/list/list.d.ts.map +1 -1
  51. package/list-expansion.js +8 -8
  52. package/list-expansion.mjs +37 -41
  53. package/list-item.js +1 -1
  54. package/list-item.mjs +9 -18
  55. package/list-item2.mjs +43 -0
  56. package/list.js +1 -1
  57. package/list.mjs +5 -20
  58. package/{list-28b77a61.mjs → list2.mjs} +35 -16
  59. package/menu.js +2 -2
  60. package/menu.mjs +20 -29
  61. package/{mwc-checkbox-base-435c1f1d.js → mwc-checkbox-base.mjs} +6 -6
  62. package/mwc-checkbox.css.mjs +5 -0
  63. package/{mwc-drawer-base-f44fcf34.js → mwc-drawer-base.mjs} +11 -11
  64. package/mwc-icon.mjs +9 -0
  65. package/{mwc-line-ripple-directive-a97ce725.js → mwc-line-ripple-directive.mjs} +16 -16
  66. package/mwc-list-base.mjs +111 -0
  67. package/mwc-list-item-base.mjs +28 -0
  68. package/mwc-list-item.css.mjs +9 -0
  69. package/{mwc-menu-base-ac49fe54.js → mwc-menu-base.mjs} +20 -20
  70. package/{mwc-radio-base-442d495a.js → mwc-radio-base.mjs} +11 -11
  71. package/mwc-radio.css.mjs +5 -0
  72. package/mwc-ripple.mjs +175 -0
  73. package/{mwc-slider.css-48f02f1e.js → mwc-slider.css.mjs} +20 -20
  74. package/{mwc-tab-base-1a19b299.js → mwc-tab-base.mjs} +22 -22
  75. package/{mwc-top-app-bar-base-14e0a018.js → mwc-top-app-bar-base.mjs} +10 -10
  76. package/nav-list-item.js +10 -10
  77. package/nav-list-item.mjs +28 -36
  78. package/{observer-a096ab43.js → observer.mjs} +1 -1
  79. package/package.json +1 -1
  80. package/radio-list-item.js +10 -10
  81. package/radio-list-item.mjs +24 -33
  82. package/radio.js +2 -2
  83. package/radio.mjs +19 -28
  84. package/ripple-handlers.mjs +5 -0
  85. package/select.js +28 -28
  86. package/select.mjs +21 -31
  87. package/side-sheet.js +4 -4
  88. package/side-sheet.mjs +8 -14
  89. package/slider-range.js +7 -7
  90. package/slider-range.mjs +64 -72
  91. package/slider.js +3 -3
  92. package/slider.mjs +21 -29
  93. package/snackbar.js +15 -15
  94. package/snackbar.mjs +21 -27
  95. package/status-header-item.js +4 -4
  96. package/status-header-item.mjs +13 -14
  97. package/status-header.js +6 -6
  98. package/status-header.mjs +7 -9
  99. package/style.css +1 -1
  100. package/switch.js +18 -18
  101. package/switch.mjs +22 -31
  102. package/tab-bar.js +21 -21
  103. package/tab-bar.mjs +14 -23
  104. package/tab.js +3 -3
  105. package/tab.mjs +6 -15
  106. package/text-lockup.js +5 -5
  107. package/text-lockup.mjs +6 -8
  108. package/textarea.js +14 -14
  109. package/textarea.mjs +20 -28
  110. package/textfield.js +3 -3
  111. package/textfield.mjs +132 -41
  112. package/{textfield-276b0ded.mjs → textfield2.mjs} +21 -28
  113. package/toolbar.js +3 -3
  114. package/toolbar.mjs +4 -10
  115. package/tooltip.js +12 -12
  116. package/tooltip.mjs +9 -13
  117. package/top-app-bar-fixed.js +5 -5
  118. package/top-app-bar-fixed.mjs +23 -29
  119. package/top-app-bar.js +3 -3
  120. package/top-app-bar.mjs +6 -30
  121. package/{top-app-bar-a236c3bc.mjs → top-app-bar2.mjs} +1 -1
  122. package/tree-list-item.js +8 -8
  123. package/tree-list-item.mjs +3 -5
  124. package/tree-list.js +3 -3
  125. package/tree-list.mjs +4 -4
  126. package/typography.js +4 -4
  127. package/typography.mjs +11 -12
  128. package/aria-property-fa2717fe.mjs +0 -41
  129. package/base-element-c3dc926e.mjs +0 -28
  130. package/base-element-d5abe37a.js +0 -5
  131. package/class-map-08c84aeb.mjs +0 -62
  132. package/class-map-50b8edb4.js +0 -9
  133. package/dialog-8ee07177.js +0 -162
  134. package/directive-helpers-725a181d.mjs +0 -11
  135. package/directive-helpers-fce8cf91.js +0 -5
  136. package/event-options-3937d997.mjs +0 -14
  137. package/event-options-7bc382d8.js +0 -5
  138. package/form-element-6dbd7afa.mjs +0 -50
  139. package/foundation-2334d146.mjs +0 -60
  140. package/foundation-c580100a.mjs +0 -152
  141. package/if-defined-639ed018.mjs +0 -10
  142. package/if-defined-cb12d481.js +0 -5
  143. package/inert.esm-359d4581.mjs +0 -640
  144. package/list-170cca53.js +0 -5
  145. package/list-item-26ddcc43.js +0 -8
  146. package/list-item-c1e72538.mjs +0 -43
  147. package/mwc-checkbox-base-10e977f2.mjs +0 -198
  148. package/mwc-checkbox.css-956e3d6c.js +0 -5
  149. package/mwc-checkbox.css-b7abc7fd.mjs +0 -10
  150. package/mwc-drawer-base-b2b772c3.mjs +0 -335
  151. package/mwc-icon-b96fb867.js +0 -9
  152. package/mwc-icon-c7013880.mjs +0 -26
  153. package/mwc-line-ripple-directive-c3e1f04a.mjs +0 -653
  154. package/mwc-list-base-7d5f7278.js +0 -111
  155. package/mwc-list-base-c0f8af1c.mjs +0 -840
  156. package/mwc-list-item-base-803b9771.js +0 -28
  157. package/mwc-list-item-base-acef0223.mjs +0 -202
  158. package/mwc-list-item.css-401e2407.js +0 -9
  159. package/mwc-list-item.css-b5481d96.mjs +0 -17
  160. package/mwc-menu-base-8970b43d.mjs +0 -1145
  161. package/mwc-radio-base-c29e6f42.mjs +0 -528
  162. package/mwc-radio.css-388ad26d.js +0 -5
  163. package/mwc-radio.css-4694aa9c.mjs +0 -10
  164. package/mwc-slider.css-336f809b.mjs +0 -956
  165. package/mwc-tab-base-7fb3d339.mjs +0 -694
  166. package/mwc-top-app-bar-base-79c87e69.mjs +0 -380
  167. package/observer-be7b92e2.mjs +0 -32
  168. package/property-074570d1.js +0 -5
  169. package/property-ca27685b.mjs +0 -20
  170. package/query-1e7846ea.mjs +0 -25
  171. package/query-2ba749b7.js +0 -5
  172. package/query-assigned-elements-07e38f46.js +0 -33
  173. package/query-assigned-elements-514e5265.mjs +0 -615
  174. package/query-assigned-nodes-9ec0fa5f.js +0 -5
  175. package/query-assigned-nodes-bea12e0c.mjs +0 -17
  176. package/ripple-handlers-2176f137.js +0 -107
  177. package/ripple-handlers-227497d3.mjs +0 -761
  178. package/state-6f7e570d.mjs +0 -12
  179. package/state-949232e6.js +0 -5
  180. package/style-map-2cb0fb63.mjs +0 -40
  181. package/style-map-3056a771.js +0 -5
  182. package/textfield-507c6a06.js +0 -133
  183. package/top-app-bar-34e85527.js +0 -6
  184. package/tslib.es6-6b53b818.js +0 -1
  185. package/tslib.es6-b5e819a6.mjs +0 -82
  186. package/utils-a8190a39.js +0 -5
  187. package/utils-dc65fdc9.mjs +0 -52
  188. /package/{aria-property-849c8816.js → aria-property.mjs} +0 -0
  189. /package/{foundation-e830bd94.js → foundation2.mjs} +0 -0
  190. /package/{inert.esm-2cee6f2e.js → inert.esm.mjs} +0 -0
package/select.mjs CHANGED
@@ -1,23 +1,13 @@
1
- import { i as P, e as Y, y as x, b as w, r as ee } from "./query-assigned-elements-514e5265.mjs";
2
- import { _ as o, a as te, b as V } from "./tslib.es6-b5e819a6.mjs";
3
- import { f as ie, l as le } from "./mwc-line-ripple-directive-c3e1f04a.mjs";
4
- import { M as de } from "./mwc-menu-base-8970b43d.mjs";
5
- import "./mwc-icon-c7013880.mjs";
6
- import { F as ce } from "./form-element-6dbd7afa.mjs";
7
- import { o as R } from "./observer-be7b92e2.mjs";
8
- import { a as ne, i as oe } from "./utils-dc65fdc9.mjs";
9
- import { e as g } from "./property-ca27685b.mjs";
10
- import { t as S } from "./state-6f7e570d.mjs";
11
- import { e as re } from "./event-options-3937d997.mjs";
12
- import { i as v } from "./query-1e7846ea.mjs";
13
- import { o as M } from "./class-map-08c84aeb.mjs";
14
- import { l as z } from "./if-defined-639ed018.mjs";
15
- import "./base-element-c3dc926e.mjs";
16
- import "./mwc-list-base-c0f8af1c.mjs";
17
- import "./mwc-list-item-base-acef0223.mjs";
18
- import "./ripple-handlers-227497d3.mjs";
19
- import "./style-map-2cb0fb63.mjs";
20
- import "./query-assigned-nodes-bea12e0c.mjs";
1
+ import { b as P, _ as o, c as Y, k as ee, m as V, t as S, i as v, e as g, g as te, y as x, o as M, d as w, a as ie, n as le, r as de } from "./mwc-ripple.mjs";
2
+ import { f as ce, l as ne } from "./mwc-line-ripple-directive.mjs";
3
+ import { M as oe } from "./mwc-menu-base.mjs";
4
+ import "./mwc-icon.mjs";
5
+ import { F as re } from "./form-element.mjs";
6
+ import { o as R } from "./observer.mjs";
7
+ import { l as z } from "./if-defined.mjs";
8
+ import "./mwc-list-base.mjs";
9
+ import "./mwc-list-item-base.mjs";
10
+ import "./ripple-handlers.mjs";
21
11
  /**
22
12
  * @license
23
13
  * Copyright 2021 Google LLC
@@ -29,7 +19,7 @@ const ae = P`mwc-list ::slotted([mwc-list-item]:not([twoline])),mwc-list ::slott
29
19
  * Copyright 2020 Google LLC
30
20
  * SPDX-License-Identifier: Apache-2.0
31
21
  */
32
- let F = class extends de {
22
+ let F = class extends oe {
33
23
  };
34
24
  F.styles = [ae];
35
25
  F = o([
@@ -498,7 +488,7 @@ var p = {
498
488
  var ge = (
499
489
  /** @class */
500
490
  function(l) {
501
- te(e, l);
491
+ ee(e, l);
502
492
  function e(t, i) {
503
493
  i === void 0 && (i = {});
504
494
  var d = l.call(this, V(V({}, e.defaultAdapter), t)) || this;
@@ -752,7 +742,7 @@ const X = (l = {}) => {
752
742
  e[t] = l[t];
753
743
  return Object.assign({ badInput: !1, customError: !1, patternMismatch: !1, rangeOverflow: !1, rangeUnderflow: !1, stepMismatch: !1, tooLong: !1, tooShort: !1, typeMismatch: !1, valid: !0, valueMissing: !1 }, e);
754
744
  };
755
- class r extends ce {
745
+ class r extends re {
756
746
  constructor() {
757
747
  super(...arguments), this.mdcFoundationClass = ve, this.disabled = !1, this.outlined = !1, this.label = "", this.outlineOpen = !1, this.outlineWidth = 0, this.value = "", this.name = "", this.selectedText = "", this.icon = "", this.menuOpen = !1, this.helper = "", this.validateOnInitialRender = !1, this.validationMessage = "", this.required = !1, this.naturalMenuWidth = !1, this.isUiValid = !0, this.fixedMenuPosition = !1, this.typeaheadState = pe(), this.sortedIndexByFirstChar = /* @__PURE__ */ new Map(), this.menuElement_ = null, this.listeners = [], this.onBodyClickBound = () => {
758
748
  }, this._menuUpdateComplete = null, this.valueSetDirectly = !1, this.validityTransform = null, this._validity = X();
@@ -887,7 +877,7 @@ class r extends ce {
887
877
  renderLabel() {
888
878
  return this.label ? x`
889
879
  <span
890
- .floatingLabelFoundation=${ie(this.label)}
880
+ .floatingLabelFoundation=${ce(this.label)}
891
881
  id="label">${this.label}</span>
892
882
  ` : w;
893
883
  }
@@ -896,7 +886,7 @@ class r extends ce {
896
886
  }
897
887
  renderLineRipple() {
898
888
  return this.outlined ? w : x`
899
- <span .lineRippleFoundation=${le()}></span>
889
+ <span .lineRippleFoundation=${ne()}></span>
900
890
  `;
901
891
  }
902
892
  renderHelperText() {
@@ -911,7 +901,7 @@ class r extends ce {
911
901
  id="helper-text">${e ? this.validationMessage : this.helper}</p>`;
912
902
  }
913
903
  createAdapter() {
914
- return Object.assign(Object.assign({}, ne(this.mdcRoot)), { activateBottomLine: () => {
904
+ return Object.assign(Object.assign({}, ie(this.mdcRoot)), { activateBottomLine: () => {
915
905
  this.lineRippleElement && this.lineRippleElement.lineRippleFoundation.activate();
916
906
  }, deactivateBottomLine: () => {
917
907
  this.lineRippleElement && this.lineRippleElement.lineRippleFoundation.deactivate();
@@ -1094,7 +1084,7 @@ class r extends ce {
1094
1084
  handleTypeahead(e) {
1095
1085
  if (!this.menuElement)
1096
1086
  return;
1097
- const t = this.menuElement.getFocusedItemIndex(), i = oe(e.target) ? e.target : null, d = i ? i.hasAttribute("mwc-list-item") : !1, c = {
1087
+ const t = this.menuElement.getFocusedItemIndex(), i = le(e.target) ? e.target : null, d = i ? i.hasAttribute("mwc-list-item") : !1, c = {
1098
1088
  event: e,
1099
1089
  focusItemAtIndex: (a) => {
1100
1090
  this.menuElement.focusItemAtIndex(a);
@@ -1237,7 +1227,7 @@ o([
1237
1227
  g({ type: Boolean })
1238
1228
  ], r.prototype, "fixedMenuPosition", void 0);
1239
1229
  o([
1240
- re({ capture: !0 })
1230
+ te({ capture: !0 })
1241
1231
  ], r.prototype, "handleTypeahead", null);
1242
1232
  /**
1243
1233
  * @license
@@ -1253,12 +1243,12 @@ var ye = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, Te = (l, e
1253
1243
  };
1254
1244
  let O = class extends r {
1255
1245
  };
1256
- O.styles = [P`${ee(Ee)}`, xe];
1246
+ O.styles = [P`${de(Ee)}`, xe];
1257
1247
  O = Te([
1258
1248
  Y("cv-select")
1259
1249
  ], O);
1260
- const Ye = O;
1250
+ const Be = O;
1261
1251
  export {
1262
1252
  O as CovalentSelect,
1263
- Ye as default
1253
+ Be as default
1264
1254
  };
package/side-sheet.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./query-assigned-elements-07e38f46.js"),c=require("./property-074570d1.js"),l=require("./dialog-8ee07177.js");require("./tslib.es6-6b53b818.js");require("./inert.esm-2cee6f2e.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");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);
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./mwc-ripple.mjs"),c=require("./dialog.mjs");require("./inert.esm.mjs");require("./observer.mjs");const l=`: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 h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(r,i,n,o)=>{for(var e=o>1?void 0:o?g(i,n):i,a=r.length-1,d;a>=0;a--)(d=r[a])&&(e=(o?d(i,n,e):d(e))||e);return o&&e&&h(i,n,e),e};exports.CovalentSideSheet=class extends c.CovalentDialog{constructor(){super(),this.pushed=!1,this.noPadding=!1,this.hideActions=!0}};exports.CovalentSideSheet.styles=[c.styles,t.i$1`
3
+ ${t.r(l)}
4
+ `];s([t.e({type:Boolean,reflect:!0})],exports.CovalentSideSheet.prototype,"pushed",2);s([t.e({type:Boolean,reflect:!0})],exports.CovalentSideSheet.prototype,"noPadding",2);exports.CovalentSideSheet=s([t.e$1("cv-side-sheet")],exports.CovalentSideSheet);
package/side-sheet.mjs CHANGED
@@ -1,13 +1,7 @@
1
- import { i as m, r as l, e as p } from "./query-assigned-elements-514e5265.mjs";
2
- import { e as c } from "./property-ca27685b.mjs";
3
- import { s as h, C as g } from "./dialog-85c21333.mjs";
4
- import "./tslib.es6-b5e819a6.mjs";
5
- import "./inert.esm-359d4581.mjs";
6
- import "./base-element-c3dc926e.mjs";
7
- import "./utils-dc65fdc9.mjs";
8
- import "./observer-be7b92e2.mjs";
9
- import "./query-1e7846ea.mjs";
10
- import "./class-map-08c84aeb.mjs";
1
+ import { b as l, r as m, e as c, c as h } from "./mwc-ripple.mjs";
2
+ import { s as p, C as g } from "./dialog2.mjs";
3
+ import "./inert.esm.mjs";
4
+ import "./observer.mjs";
11
5
  const f = `: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}
12
6
  `;
13
7
  var _ = Object.defineProperty, u = Object.getOwnPropertyDescriptor, n = (d, i, r, o) => {
@@ -21,9 +15,9 @@ let t = class extends g {
21
15
  }
22
16
  };
23
17
  t.styles = [
24
- h,
25
- m`
26
- ${l(f)}
18
+ p,
19
+ l`
20
+ ${m(f)}
27
21
  `
28
22
  ];
29
23
  n([
@@ -33,7 +27,7 @@ n([
33
27
  c({ type: Boolean, reflect: !0 })
34
28
  ], t.prototype, "noPadding", 2);
35
29
  t = n([
36
- p("cv-side-sheet")
30
+ h("cv-side-sheet")
37
31
  ], t);
38
32
  export {
39
33
  t as CovalentSideSheet
package/slider-range.js CHANGED
@@ -1,15 +1,15 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./tslib.es6-6b53b818.js"),T=require("./ripple-handlers-2176f137.js"),v=require("./utils-a8190a39.js"),i=require("./mwc-slider.css-48f02f1e.js"),l=require("./query-assigned-elements-07e38f46.js"),S=require("./property-074570d1.js"),o=require("./state-949232e6.js"),h=require("./query-2ba749b7.js"),b=require("./class-map-50b8edb4.js"),n=require("./if-defined-cb12d481.js"),p=require("./style-map-3056a771.js");require("./base-element-d5abe37a.js");require("./aria-property-849c8816.js");require("./form-element-d4e7bcdb.js");/**
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./mwc-ripple.mjs"),u=require("./ripple-handlers.mjs"),s=require("./mwc-slider.css.mjs"),n=require("./if-defined.mjs");require("./aria-property.mjs");require("./form-element.mjs");/**
2
2
  * @license
3
3
  * Copyright 2021 Google LLC
4
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`
5
+ */class a extends s.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 u.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=i.o({"mdc-slider--disabled":this.disabled,"mdc-slider--discrete":this.discrete});return i.y`
6
6
  <div
7
7
  class="mdc-slider mdc-slider--range ${e}"
8
8
  @pointerdown=${this.onPointerdown}
9
9
  @pointerup=${this.onPointerup}
10
10
  @contextmenu=${this.onContextmenu}>
11
11
  ${t}
12
- </div>`}renderStartInput(){var t;return l.y`
12
+ </div>`}renderStartInput(){var t;return i.y`
13
13
  <input
14
14
  class="mdc-slider__input start"
15
15
  type="range"
@@ -25,7 +25,7 @@
25
25
  aria-labelledby=${n.l(this.ariaLabelledBy)}
26
26
  aria-describedby=${n.l(this.ariaDescribedBy)}
27
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`
28
+ `}renderEndInput(){var t;return i.y`
29
29
  <input
30
30
  class="mdc-slider__input end"
31
31
  type="range"
@@ -42,7 +42,7 @@
42
42
  aria-labelledby=${n.l(this.ariaLabelledBy)}
43
43
  aria-describedby=${n.l(this.ariaDescribedBy)}
44
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`
45
+ `}renderTrack(){const t=i.i$2({"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 i.y`
46
46
  <div class="mdc-slider__track">
47
47
  <div class="mdc-slider__track--inactive"></div>
48
48
  <div class="mdc-slider__track--active">
@@ -51,7 +51,7 @@
51
51
  style=${t}>
52
52
  </div>
53
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`
54
+ </div>`}renderStartThumb(){const t=i.o({"mdc-slider__thumb--with-indicator":this.startThumbWithIndicator,"mdc-slider__thumb--top":this.startThumbTop}),e=i.i$2(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?i.y`<mwc-ripple class="ripple" unbounded></mwc-ripple>`:i.b;return i.y`
55
55
  <div
56
56
  class="mdc-slider__thumb start ${t}"
57
57
  style=${e}
@@ -61,4 +61,4 @@
61
61
  ${this.renderValueIndicator(this.valueToValueIndicatorTransform(this.valueStart))}
62
62
  <div class="mdc-slider__thumb-knob"></div>
63
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;
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===s.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===s.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===s.Thumb.START?this.startInput.addEventListener(e,r):this.formElement.addEventListener(e,r)},deregisterInputEventHandler:(t,e,r)=>{t===s.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===s.Thumb.START?this.startRippleHandlers.endPress():this.endRippleHandlers.endPress()},emitDragStartEvent:(t,e)=>{e===s.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===s.Thumb.START?this.startInput.focus():this.formElement.focus()},getAttribute:()=>"",getBoundingClientRect:()=>this.mdcRoot.getBoundingClientRect(),getInputAttribute:(t,e)=>{if(e===s.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===s.Thumb.START?this.valueStart.toString():this.valueEnd.toString(),getThumbBoundingClientRect:t=>t===s.Thumb.START?this.startThumb.getBoundingClientRect():this.endThumb.getBoundingClientRect(),getThumbKnobWidth:t=>t===s.Thumb.START?this.startThumbKnob.getBoundingClientRect().width:this.endThumbKnob.getBoundingClientRect().width,getValueIndicatorContainerWidth:t=>t===s.Thumb.START?this.startValueIndicatorContainer.getBoundingClientRect().width:this.endValueIndicatorContainer.getBoundingClientRect().width,getValueToAriaValueTextFn:()=>this.valueToAriaTextTransform,isInputFocused:t=>{const e=i.deepActiveElementPath(),r=e[e.length-1];return t===s.Thumb.START?r===this.startInput:r===this.formElement},isRTL:()=>getComputedStyle(this).direction==="rtl",setInputAttribute:(t,e,r)=>{s.Thumb.START},removeInputAttribute:t=>{},setThumbStyleProperty:(t,e,r)=>{if(r===s.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===s.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===s.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(s.Thumb.START)}onStartFocus(){var t;(t=this.mdcFoundation)===null||t===void 0||t.handleInputFocus(s.Thumb.START),this.startRippleHandlers.startFocus()}onStartBlur(){var t;(t=this.mdcFoundation)===null||t===void 0||t.handleInputBlur(s.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}`))}}i.__decorate([i.i("input.start")],a.prototype,"startInput",void 0);i.__decorate([i.i(".start.mdc-slider__thumb")],a.prototype,"startThumb",void 0);i.__decorate([i.i(".start.mdc-slider__thumb .mdc-slider__thumb-knob")],a.prototype,"startThumbKnob",void 0);i.__decorate([i.i(".start.mdc-slider__thumb .mdc-slider__value-indicator-container")],a.prototype,"startValueIndicatorContainer",void 0);i.__decorate([i.e$2(".start .ripple")],a.prototype,"startRipple",void 0);i.__decorate([i.e({type:Number})],a.prototype,"valueStart",void 0);i.__decorate([i.t()],a.prototype,"startThumbWithIndicator",void 0);i.__decorate([i.t()],a.prototype,"startThumbTop",void 0);i.__decorate([i.t()],a.prototype,"shouldRenderStartRipple",void 0);i.__decorate([i.t()],a.prototype,"startThumbTransformStyle",void 0);i.__decorate([i.t()],a.prototype,"startThumbTransitionStyle",void 0);i.__decorate([i.t()],a.prototype,"startThumbCssProperties",void 0);var c=Object.defineProperty,m=Object.getOwnPropertyDescriptor,b=(l,t,e,r)=>{for(var d=r>1?void 0:r?m(t,e):t,o=l.length-1,h;o>=0;o--)(h=l[o])&&(d=(r?h(t,e,d):h(d))||d);return r&&d&&c(t,e,d),d};exports.CovalentSliderRange=class extends a{};exports.CovalentSliderRange.styles=[s.styles];exports.CovalentSliderRange=b([i.e$1("cv-slider-range")],exports.CovalentSliderRange);const p=exports.CovalentSliderRange;exports.default=p;
package/slider-range.mjs CHANGED
@@ -1,25 +1,17 @@
1
- import { _ as a } from "./tslib.es6-b5e819a6.mjs";
2
- import { e as T, R as S } from "./ripple-handlers-227497d3.mjs";
3
- import { d as f } from "./utils-dc65fdc9.mjs";
4
- import { S as g, T as r, s as y } from "./mwc-slider.css-336f809b.mjs";
5
- import { y as d, b as _, e as R } from "./query-assigned-elements-514e5265.mjs";
6
- import { e as k } from "./property-ca27685b.mjs";
7
- import { t as l } from "./state-6f7e570d.mjs";
8
- import { i as u } from "./query-1e7846ea.mjs";
9
- import { o as b } from "./class-map-08c84aeb.mjs";
10
- import { l as n } from "./if-defined-639ed018.mjs";
11
- import { i as v } from "./style-map-2cb0fb63.mjs";
12
- import "./base-element-c3dc926e.mjs";
13
- import "./aria-property-fa2717fe.mjs";
14
- import "./form-element-6dbd7afa.mjs";
1
+ import { _ as a, t as o, i as u, f as T, e as S, o as p, y as l, h as v, d as f, p as g, c as y } from "./mwc-ripple.mjs";
2
+ import { R as _ } from "./ripple-handlers.mjs";
3
+ import { S as R, T as s, s as k } from "./mwc-slider.css.mjs";
4
+ import { l as n } from "./if-defined.mjs";
5
+ import "./aria-property.mjs";
6
+ import "./form-element.mjs";
15
7
  /**
16
8
  * @license
17
9
  * Copyright 2021 Google LLC
18
10
  * SPDX-License-Identifier: Apache-2.0
19
11
  */
20
- class s extends g {
12
+ class r extends R {
21
13
  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 S(() => (this.shouldRenderStartRipple = !0, this.startRipple));
14
+ super(...arguments), this.valueStart = 0, this.startThumbWithIndicator = !1, this.startThumbTop = !1, this.shouldRenderStartRipple = !1, this.startThumbTransformStyle = "", this.startThumbTransitionStyle = "", this.startThumbCssProperties = {}, this.startRippleHandlers = new _(() => (this.shouldRenderStartRipple = !0, this.startRipple));
23
15
  }
24
16
  update(t) {
25
17
  if (t.has("valueStart") && this.mdcFoundation) {
@@ -30,11 +22,11 @@ class s extends g {
30
22
  super.update(t);
31
23
  }
32
24
  renderRootEl(t) {
33
- const e = b({
25
+ const e = p({
34
26
  "mdc-slider--disabled": this.disabled,
35
27
  "mdc-slider--discrete": this.discrete
36
28
  });
37
- return d`
29
+ return l`
38
30
  <div
39
31
  class="mdc-slider mdc-slider--range ${e}"
40
32
  @pointerdown=${this.onPointerdown}
@@ -45,7 +37,7 @@ class s extends g {
45
37
  }
46
38
  renderStartInput() {
47
39
  var t;
48
- return d`
40
+ return l`
49
41
  <input
50
42
  class="mdc-slider__input start"
51
43
  type="range"
@@ -65,7 +57,7 @@ class s extends g {
65
57
  }
66
58
  renderEndInput() {
67
59
  var t;
68
- return d`
60
+ return l`
69
61
  <input
70
62
  class="mdc-slider__input end"
71
63
  type="range"
@@ -94,7 +86,7 @@ class s extends g {
94
86
  "-webkit-transition": this.trackTransitionStyle,
95
87
  transition: this.trackTransitionStyle
96
88
  });
97
- return d`
89
+ return l`
98
90
  <div class="mdc-slider__track">
99
91
  <div class="mdc-slider__track--inactive"></div>
100
92
  <div class="mdc-slider__track--active">
@@ -106,11 +98,11 @@ class s extends g {
106
98
  </div>`;
107
99
  }
108
100
  renderStartThumb() {
109
- const t = b({
101
+ const t = p({
110
102
  "mdc-slider__thumb--with-indicator": this.startThumbWithIndicator,
111
103
  "mdc-slider__thumb--top": this.startThumbTop
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
- return d`
104
+ }), 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 ? l`<mwc-ripple class="ripple" unbounded></mwc-ripple>` : f;
105
+ return l`
114
106
  <div
115
107
  class="mdc-slider__thumb start ${t}"
116
108
  style=${e}
@@ -151,7 +143,7 @@ class s extends g {
151
143
  }
152
144
  },
153
145
  addThumbClass: (t, e) => {
154
- if (e === r.START)
146
+ if (e === s.START)
155
147
  switch (t) {
156
148
  case "mdc-slider__thumb--with-indicator":
157
149
  this.startThumbWithIndicator = !0;
@@ -171,7 +163,7 @@ class s extends g {
171
163
  }
172
164
  },
173
165
  removeThumbClass: (t, e) => {
174
- if (e === r.START)
166
+ if (e === s.START)
175
167
  switch (t) {
176
168
  case "mdc-slider__thumb--with-indicator":
177
169
  this.startThumbWithIndicator = !1;
@@ -201,10 +193,10 @@ class s extends g {
201
193
  document.body.removeEventListener(t, e);
202
194
  },
203
195
  registerInputEventHandler: (t, e, i) => {
204
- t === r.START ? this.startInput.addEventListener(e, i) : this.formElement.addEventListener(e, i);
196
+ t === s.START ? this.startInput.addEventListener(e, i) : this.formElement.addEventListener(e, i);
205
197
  },
206
198
  deregisterInputEventHandler: (t, e, i) => {
207
- t === r.START ? this.startInput.removeEventListener(e, i) : this.formElement.removeEventListener(e, i);
199
+ t === s.START ? this.startInput.removeEventListener(e, i) : this.formElement.removeEventListener(e, i);
208
200
  },
209
201
  registerThumbEventHandler: () => {
210
202
  },
@@ -221,22 +213,22 @@ class s extends g {
221
213
  this.dispatchEvent(i);
222
214
  },
223
215
  emitDragEndEvent: (t, e) => {
224
- e === r.START ? this.startRippleHandlers.endPress() : this.endRippleHandlers.endPress();
216
+ e === s.START ? this.startRippleHandlers.endPress() : this.endRippleHandlers.endPress();
225
217
  },
226
218
  emitDragStartEvent: (t, e) => {
227
- e === r.START ? this.startRippleHandlers.startPress() : this.endRippleHandlers.startPress();
219
+ e === s.START ? this.startRippleHandlers.startPress() : this.endRippleHandlers.startPress();
228
220
  },
229
221
  emitInputEvent: (t, e) => {
230
222
  const i = new CustomEvent("input", { bubbles: !0, composed: !0, detail: { value: t, thumb: e } });
231
223
  this.dispatchEvent(i);
232
224
  },
233
225
  focusInput: (t) => {
234
- t === r.START ? this.startInput.focus() : this.formElement.focus();
226
+ t === s.START ? this.startInput.focus() : this.formElement.focus();
235
227
  },
236
228
  getAttribute: () => "",
237
229
  getBoundingClientRect: () => this.mdcRoot.getBoundingClientRect(),
238
230
  getInputAttribute: (t, e) => {
239
- if (e === r.START)
231
+ if (e === s.START)
240
232
  switch (t) {
241
233
  case "min":
242
234
  return this.min.toString();
@@ -262,23 +254,23 @@ class s extends g {
262
254
  return null;
263
255
  }
264
256
  },
265
- getInputValue: (t) => t === r.START ? this.valueStart.toString() : this.valueEnd.toString(),
266
- getThumbBoundingClientRect: (t) => t === r.START ? this.startThumb.getBoundingClientRect() : this.endThumb.getBoundingClientRect(),
267
- getThumbKnobWidth: (t) => t === r.START ? this.startThumbKnob.getBoundingClientRect().width : this.endThumbKnob.getBoundingClientRect().width,
268
- getValueIndicatorContainerWidth: (t) => t === r.START ? this.startValueIndicatorContainer.getBoundingClientRect().width : this.endValueIndicatorContainer.getBoundingClientRect().width,
257
+ getInputValue: (t) => t === s.START ? this.valueStart.toString() : this.valueEnd.toString(),
258
+ getThumbBoundingClientRect: (t) => t === s.START ? this.startThumb.getBoundingClientRect() : this.endThumb.getBoundingClientRect(),
259
+ getThumbKnobWidth: (t) => t === s.START ? this.startThumbKnob.getBoundingClientRect().width : this.endThumbKnob.getBoundingClientRect().width,
260
+ getValueIndicatorContainerWidth: (t) => t === s.START ? this.startValueIndicatorContainer.getBoundingClientRect().width : this.endValueIndicatorContainer.getBoundingClientRect().width,
269
261
  getValueToAriaValueTextFn: () => this.valueToAriaTextTransform,
270
262
  isInputFocused: (t) => {
271
- const e = f(), i = e[e.length - 1];
272
- return t === r.START ? i === this.startInput : i === this.formElement;
263
+ const e = g(), i = e[e.length - 1];
264
+ return t === s.START ? i === this.startInput : i === this.formElement;
273
265
  },
274
266
  isRTL: () => getComputedStyle(this).direction === "rtl",
275
267
  setInputAttribute: (t, e, i) => {
276
- r.START;
268
+ s.START;
277
269
  },
278
270
  removeInputAttribute: (t) => {
279
271
  },
280
272
  setThumbStyleProperty: (t, e, i) => {
281
- if (i === r.START)
273
+ if (i === s.START)
282
274
  switch (t) {
283
275
  case "transform":
284
276
  case "-webkit-transform":
@@ -306,7 +298,7 @@ class s extends g {
306
298
  }
307
299
  },
308
300
  removeThumbStyleProperty: (t, e) => {
309
- if (e === r.START)
301
+ if (e === s.START)
310
302
  switch (t) {
311
303
  case "left":
312
304
  case "right":
@@ -356,7 +348,7 @@ class s extends g {
356
348
  }
357
349
  },
358
350
  setInputValue: (t, e) => {
359
- e === r.START ? this.valueStart = Number(t) : this.valueEnd = Number(t);
351
+ e === s.START ? this.valueStart = Number(t) : this.valueEnd = Number(t);
360
352
  },
361
353
  setPointerCapture: (t) => {
362
354
  this.mdcRoot.setPointerCapture(t);
@@ -370,15 +362,15 @@ class s extends g {
370
362
  }
371
363
  onStartChange(t) {
372
364
  var e;
373
- this.valueStart = Number(t.target.value), (e = this.mdcFoundation) === null || e === void 0 || e.handleInputChange(r.START);
365
+ this.valueStart = Number(t.target.value), (e = this.mdcFoundation) === null || e === void 0 || e.handleInputChange(s.START);
374
366
  }
375
367
  onStartFocus() {
376
368
  var t;
377
- (t = this.mdcFoundation) === null || t === void 0 || t.handleInputFocus(r.START), this.startRippleHandlers.startFocus();
369
+ (t = this.mdcFoundation) === null || t === void 0 || t.handleInputFocus(s.START), this.startRippleHandlers.startFocus();
378
370
  }
379
371
  onStartBlur() {
380
372
  var t;
381
- (t = this.mdcFoundation) === null || t === void 0 || t.handleInputBlur(r.START), this.startRippleHandlers.endFocus();
373
+ (t = this.mdcFoundation) === null || t === void 0 || t.handleInputBlur(s.START), this.startRippleHandlers.endFocus();
382
374
  }
383
375
  onStartMouseenter() {
384
376
  var t;
@@ -394,53 +386,53 @@ class s extends g {
394
386
  }
395
387
  a([
396
388
  u("input.start")
397
- ], s.prototype, "startInput", void 0);
389
+ ], r.prototype, "startInput", void 0);
398
390
  a([
399
391
  u(".start.mdc-slider__thumb")
400
- ], s.prototype, "startThumb", void 0);
392
+ ], r.prototype, "startThumb", void 0);
401
393
  a([
402
394
  u(".start.mdc-slider__thumb .mdc-slider__thumb-knob")
403
- ], s.prototype, "startThumbKnob", void 0);
395
+ ], r.prototype, "startThumbKnob", void 0);
404
396
  a([
405
397
  u(".start.mdc-slider__thumb .mdc-slider__value-indicator-container")
406
- ], s.prototype, "startValueIndicatorContainer", void 0);
398
+ ], r.prototype, "startValueIndicatorContainer", void 0);
407
399
  a([
408
400
  T(".start .ripple")
409
- ], s.prototype, "startRipple", void 0);
401
+ ], r.prototype, "startRipple", void 0);
410
402
  a([
411
- k({ type: Number })
412
- ], s.prototype, "valueStart", void 0);
403
+ S({ type: Number })
404
+ ], r.prototype, "valueStart", void 0);
413
405
  a([
414
- l()
415
- ], s.prototype, "startThumbWithIndicator", void 0);
406
+ o()
407
+ ], r.prototype, "startThumbWithIndicator", void 0);
416
408
  a([
417
- l()
418
- ], s.prototype, "startThumbTop", void 0);
409
+ o()
410
+ ], r.prototype, "startThumbTop", void 0);
419
411
  a([
420
- l()
421
- ], s.prototype, "shouldRenderStartRipple", void 0);
412
+ o()
413
+ ], r.prototype, "shouldRenderStartRipple", void 0);
422
414
  a([
423
- l()
424
- ], s.prototype, "startThumbTransformStyle", void 0);
415
+ o()
416
+ ], r.prototype, "startThumbTransformStyle", void 0);
425
417
  a([
426
- l()
427
- ], s.prototype, "startThumbTransitionStyle", void 0);
418
+ o()
419
+ ], r.prototype, "startThumbTransitionStyle", void 0);
428
420
  a([
429
- l()
430
- ], s.prototype, "startThumbCssProperties", void 0);
421
+ o()
422
+ ], r.prototype, "startThumbCssProperties", void 0);
431
423
  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
- return i && o && w(t, e, o), o;
424
+ for (var d = i > 1 ? void 0 : i ? $(t, e) : t, m = c.length - 1, b; m >= 0; m--)
425
+ (b = c[m]) && (d = (i ? b(t, e, d) : b(d)) || d);
426
+ return i && d && w(t, e, d), d;
435
427
  };
436
- let h = class extends s {
428
+ let h = class extends r {
437
429
  };
438
- h.styles = [y];
430
+ h.styles = [k];
439
431
  h = E([
440
- R("cv-slider-range")
432
+ y("cv-slider-range")
441
433
  ], h);
442
- const K = h;
434
+ const B = h;
443
435
  export {
444
436
  h as CovalentSliderRange,
445
- K as default
437
+ B as default
446
438
  };
package/slider.js CHANGED
@@ -1,8 +1,8 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");const o=require("./utils-a8190a39.js"),r=require("./mwc-slider.css-48f02f1e.js"),d=require("./query-assigned-elements-07e38f46.js"),h=require("./property-074570d1.js"),m=require("./style-map-3056a771.js");require("./base-element-d5abe37a.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./aria-property-849c8816.js");require("./form-element-d4e7bcdb.js");require("./if-defined-cb12d481.js");/**
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./mwc-ripple.mjs"),r=require("./mwc-slider.css.mjs");require("./aria-property.mjs");require("./form-element.mjs");require("./ripple-handlers.mjs");require("./if-defined.mjs");/**
2
2
  * @license
3
3
  * Copyright 2018 Google LLC
4
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`
5
+ */class l extends r.SliderBase{get value(){return this.valueEnd}set value(e){this.valueEnd=e}renderTrack(){const e=s.i$2({"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 s.y`
6
6
  <div class="mdc-slider__track">
7
7
  <div class="mdc-slider__track--inactive"></div>
8
8
  <div class="mdc-slider__track--active">
@@ -11,4 +11,4 @@
11
11
  style=${e}>
12
12
  </div>
13
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;
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=s.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}}}}s.__decorate([s.e({type:Number})],l.prototype,"value",null);var c=Object.defineProperty,o=Object.getOwnPropertyDescriptor,h=(a,e,t,i)=>{for(var n=i>1?void 0:i?o(e,t):e,u=a.length-1,d;u>=0;u--)(d=a[u])&&(n=(i?d(e,t,n):d(n))||n);return i&&n&&c(e,t,n),n};exports.CovalentSlider=class extends l{};exports.CovalentSlider.styles=[r.styles];exports.CovalentSlider=h([s.e$1("cv-slider")],exports.CovalentSlider);const m=exports.CovalentSlider;exports.default=m;