@covalent/components 6.2.1 → 6.2.2

package/select.mjs

@@ -1,13 +1,23 @@
-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";
-import { f as ce, l as ne } from "./mwc-line-ripple-directive.mjs";
-import { M as oe } from "./mwc-menu-base.mjs";
+import { i as P, e as Y, y as x, b as w, r as ee } from "./query-assigned-elements.mjs";
+import { _ as o, a as te, b as V } from "./tslib.es6.mjs";
+import { f as ie, l as le } from "./mwc-line-ripple-directive.mjs";
+import { M as de } from "./mwc-menu-base.mjs";
 import "./mwc-icon.mjs";
-import { F as re } from "./form-element.mjs";
+import { F as ce } from "./form-element.mjs";
 import { o as R } from "./observer.mjs";
+import { a as ne, i as oe } from "./utils.mjs";
+import { e as g } from "./property.mjs";
+import { t as S } from "./state.mjs";
+import { e as re } from "./event-options.mjs";
+import { i as v } from "./query.mjs";
+import { o as M } from "./class-map.mjs";
 import { l as z } from "./if-defined.mjs";
+import "./base-element.mjs";
 import "./mwc-list-base.mjs";
 import "./mwc-list-item-base.mjs";
 import "./ripple-handlers.mjs";
+import "./style-map.mjs";
+import "./query-assigned-nodes.mjs";
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -19,7 +29,7 @@ const ae = P`mwc-list ::slotted([mwc-list-item]:not([twoline])),mwc-list ::slott
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-let F = class extends oe {
+let F = class extends de {
 };
 F.styles = [ae];
 F = o([
@@ -488,7 +498,7 @@ var p = {
 var ge = (
   /** @class */
   function(l) {
-    ee(e, l);
+    te(e, l);
     function e(t, i) {
       i === void 0 && (i = {});
       var d = l.call(this, V(V({}, e.defaultAdapter), t)) || this;
@@ -742,7 +752,7 @@ const X = (l = {}) => {
     e[t] = l[t];
   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);
 };
-class r extends re {
+class r extends ce {
   constructor() {
     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 = () => {
     }, this._menuUpdateComplete = null, this.valueSetDirectly = !1, this.validityTransform = null, this._validity = X();
@@ -877,7 +887,7 @@ class r extends re {
   renderLabel() {
     return this.label ? x`
       <span
-          .floatingLabelFoundation=${ce(this.label)}
+          .floatingLabelFoundation=${ie(this.label)}
           id="label">${this.label}</span>
     ` : w;
   }
@@ -886,7 +896,7 @@ class r extends re {
   }
   renderLineRipple() {
     return this.outlined ? w : x`
-      <span .lineRippleFoundation=${ne()}></span>
+      <span .lineRippleFoundation=${le()}></span>
     `;
   }
   renderHelperText() {
@@ -901,7 +911,7 @@ class r extends re {
           id="helper-text">${e ? this.validationMessage : this.helper}</p>`;
   }
   createAdapter() {
-    return Object.assign(Object.assign({}, ie(this.mdcRoot)), { activateBottomLine: () => {
+    return Object.assign(Object.assign({}, ne(this.mdcRoot)), { activateBottomLine: () => {
       this.lineRippleElement && this.lineRippleElement.lineRippleFoundation.activate();
     }, deactivateBottomLine: () => {
       this.lineRippleElement && this.lineRippleElement.lineRippleFoundation.deactivate();
@@ -1084,7 +1094,7 @@ class r extends re {
   handleTypeahead(e) {
     if (!this.menuElement)
       return;
-    const t = this.menuElement.getFocusedItemIndex(), i = le(e.target) ? e.target : null, d = i ? i.hasAttribute("mwc-list-item") : !1, c = {
+    const t = this.menuElement.getFocusedItemIndex(), i = oe(e.target) ? e.target : null, d = i ? i.hasAttribute("mwc-list-item") : !1, c = {
       event: e,
       focusItemAtIndex: (a) => {
         this.menuElement.focusItemAtIndex(a);
@@ -1227,7 +1237,7 @@ o([
   g({ type: Boolean })
 ], r.prototype, "fixedMenuPosition", void 0);
 o([
-  te({ capture: !0 })
+  re({ capture: !0 })
 ], r.prototype, "handleTypeahead", null);
 /**
  * @license
@@ -1243,12 +1253,12 @@ var ye = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, Te = (l, e
 };
 let O = class extends r {
 };
-O.styles = [P`${de(Ee)}`, xe];
+O.styles = [P`${ee(Ee)}`, xe];
 O = Te([
   Y("cv-select")
 ], O);
-const Be = O;
+const Ye = O;
 export {
   O as CovalentSelect,
-  Be as default
+  Ye as default
 };

package/side-sheet.js

@@ -1,4 +1,4 @@
-"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}
-`;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`
-      ${t.r(l)}
-    `];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);
+"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}
+`;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`
+      ${d.r(h)}
+    `];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

@@ -1,7 +1,13 @@
-import { b as l, r as m, e as c, c as h } from "./mwc-ripple.mjs";
-import { s as p, C as g } from "./dialog2.mjs";
+import { i as m, r as l, e as p } from "./query-assigned-elements.mjs";
+import { e as c } from "./property.mjs";
+import { s as h, C as g } from "./dialog2.mjs";
+import "./tslib.es6.mjs";
 import "./inert.esm.mjs";
+import "./base-element.mjs";
+import "./utils.mjs";
 import "./observer.mjs";
+import "./query.mjs";
+import "./class-map.mjs";
 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}
 `;
 var _ = Object.defineProperty, u = Object.getOwnPropertyDescriptor, n = (d, i, r, o) => {
@@ -15,9 +21,9 @@ let t = class extends g {
   }
 };
 t.styles = [
-  p,
-  l`
-      ${m(f)}
+  h,
+  m`
+      ${l(f)}
     `
 ];
 n([
@@ -27,7 +33,7 @@ n([
   c({ type: Boolean, reflect: !0 })
 ], t.prototype, "noPadding", 2);
 t = n([
-  h("cv-side-sheet")
+  p("cv-side-sheet")
 ], t);
 export {
   t as CovalentSideSheet

package/slider-range.js

@@ -1,15 +1,15 @@
-"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");/**
+"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");/**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */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`
+ */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`
     <div
         class="mdc-slider mdc-slider--range ${e}"
         @pointerdown=${this.onPointerdown}
         @pointerup=${this.onPointerup}
         @contextmenu=${this.onContextmenu}>
       ${t}
-    </div>`}renderStartInput(){var t;return i.y`
+    </div>`}renderStartInput(){var t;return l.y`
       <input
           class="mdc-slider__input start"
           type="range"
@@ -25,7 +25,7 @@
           aria-labelledby=${n.l(this.ariaLabelledBy)}
           aria-describedby=${n.l(this.ariaDescribedBy)}
           aria-valuetext=${n.l((t=this.valueToAriaTextTransform)===null||t===void 0?void 0:t.call(this,this.valueStart))}>
-    `}renderEndInput(){var t;return i.y`
+    `}renderEndInput(){var t;return l.y`
       <input
           class="mdc-slider__input end"
           type="range"
@@ -42,7 +42,7 @@
           aria-labelledby=${n.l(this.ariaLabelledBy)}
           aria-describedby=${n.l(this.ariaDescribedBy)}
           aria-valuetext=${n.l((t=this.valueToAriaTextTransform)===null||t===void 0?void 0:t.call(this,this.valueEnd))}>
-    `}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`
+    `}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`
       <div class="mdc-slider__track">
         <div class="mdc-slider__track--inactive"></div>
         <div class="mdc-slider__track--active">
@@ -51,7 +51,7 @@
               style=${t}>
           </div>
         </div>
-      </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`
+      </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`
       <div
           class="mdc-slider__thumb start ${t}"
           style=${e}
@@ -61,4 +61,4 @@
         ${this.renderValueIndicator(this.valueToValueIndicatorTransform(this.valueStart))}
         <div class="mdc-slider__thumb-knob"></div>
       </div>
-    `}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;
+    `}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

@@ -1,7 +1,15 @@
-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";
-import { R as _ } from "./ripple-handlers.mjs";
-import { S as R, T as s, s as k } from "./mwc-slider.css.mjs";
+import { _ as a } from "./tslib.es6.mjs";
+import { e as T, R as S } from "./ripple-handlers.mjs";
+import { d as f } from "./utils.mjs";
+import { S as g, T as r, s as y } from "./mwc-slider.css.mjs";
+import { y as d, b as _, e as R } from "./query-assigned-elements.mjs";
+import { e as k } from "./property.mjs";
+import { t as l } from "./state.mjs";
+import { i as u } from "./query.mjs";
+import { o as b } from "./class-map.mjs";
 import { l as n } from "./if-defined.mjs";
+import { i as v } from "./style-map.mjs";
+import "./base-element.mjs";
 import "./aria-property.mjs";
 import "./form-element.mjs";
 /**
@@ -9,9 +17,9 @@ import "./form-element.mjs";
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-class r extends R {
+class s extends g {
   constructor() {
-    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));
+    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));
   }
   update(t) {
     if (t.has("valueStart") && this.mdcFoundation) {
@@ -22,11 +30,11 @@ class r extends R {
     super.update(t);
   }
   renderRootEl(t) {
-    const e = p({
+    const e = b({
       "mdc-slider--disabled": this.disabled,
       "mdc-slider--discrete": this.discrete
     });
-    return l`
+    return d`
     <div
         class="mdc-slider mdc-slider--range ${e}"
         @pointerdown=${this.onPointerdown}
@@ -37,7 +45,7 @@ class r extends R {
   }
   renderStartInput() {
     var t;
-    return l`
+    return d`
       <input
           class="mdc-slider__input start"
           type="range"
@@ -57,7 +65,7 @@ class r extends R {
   }
   renderEndInput() {
     var t;
-    return l`
+    return d`
       <input
           class="mdc-slider__input end"
           type="range"
@@ -86,7 +94,7 @@ class r extends R {
       "-webkit-transition": this.trackTransitionStyle,
       transition: this.trackTransitionStyle
     });
-    return l`
+    return d`
       <div class="mdc-slider__track">
         <div class="mdc-slider__track--inactive"></div>
         <div class="mdc-slider__track--active">
@@ -98,11 +106,11 @@ class r extends R {
       </div>`;
   }
   renderStartThumb() {
-    const t = p({
+    const t = b({
       "mdc-slider__thumb--with-indicator": this.startThumbWithIndicator,
       "mdc-slider__thumb--top": this.startThumbTop
-    }), 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;
-    return l`
+    }), 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>` : _;
+    return d`
       <div
           class="mdc-slider__thumb start ${t}"
           style=${e}
@@ -143,7 +151,7 @@ class r extends R {
         }
       },
       addThumbClass: (t, e) => {
-        if (e === s.START)
+        if (e === r.START)
           switch (t) {
             case "mdc-slider__thumb--with-indicator":
               this.startThumbWithIndicator = !0;
@@ -163,7 +171,7 @@ class r extends R {
           }
       },
       removeThumbClass: (t, e) => {
-        if (e === s.START)
+        if (e === r.START)
           switch (t) {
             case "mdc-slider__thumb--with-indicator":
               this.startThumbWithIndicator = !1;
@@ -193,10 +201,10 @@ class r extends R {
         document.body.removeEventListener(t, e);
       },
       registerInputEventHandler: (t, e, i) => {
-        t === s.START ? this.startInput.addEventListener(e, i) : this.formElement.addEventListener(e, i);
+        t === r.START ? this.startInput.addEventListener(e, i) : this.formElement.addEventListener(e, i);
       },
       deregisterInputEventHandler: (t, e, i) => {
-        t === s.START ? this.startInput.removeEventListener(e, i) : this.formElement.removeEventListener(e, i);
+        t === r.START ? this.startInput.removeEventListener(e, i) : this.formElement.removeEventListener(e, i);
       },
       registerThumbEventHandler: () => {
       },
@@ -213,22 +221,22 @@ class r extends R {
         this.dispatchEvent(i);
       },
       emitDragEndEvent: (t, e) => {
-        e === s.START ? this.startRippleHandlers.endPress() : this.endRippleHandlers.endPress();
+        e === r.START ? this.startRippleHandlers.endPress() : this.endRippleHandlers.endPress();
       },
       emitDragStartEvent: (t, e) => {
-        e === s.START ? this.startRippleHandlers.startPress() : this.endRippleHandlers.startPress();
+        e === r.START ? this.startRippleHandlers.startPress() : this.endRippleHandlers.startPress();
       },
       emitInputEvent: (t, e) => {
         const i = new CustomEvent("input", { bubbles: !0, composed: !0, detail: { value: t, thumb: e } });
         this.dispatchEvent(i);
       },
       focusInput: (t) => {
-        t === s.START ? this.startInput.focus() : this.formElement.focus();
+        t === r.START ? this.startInput.focus() : this.formElement.focus();
       },
       getAttribute: () => "",
       getBoundingClientRect: () => this.mdcRoot.getBoundingClientRect(),
       getInputAttribute: (t, e) => {
-        if (e === s.START)
+        if (e === r.START)
           switch (t) {
             case "min":
               return this.min.toString();
@@ -254,23 +262,23 @@ class r extends R {
             return null;
         }
       },
-      getInputValue: (t) => t === s.START ? this.valueStart.toString() : this.valueEnd.toString(),
-      getThumbBoundingClientRect: (t) => t === s.START ? this.startThumb.getBoundingClientRect() : this.endThumb.getBoundingClientRect(),
-      getThumbKnobWidth: (t) => t === s.START ? this.startThumbKnob.getBoundingClientRect().width : this.endThumbKnob.getBoundingClientRect().width,
-      getValueIndicatorContainerWidth: (t) => t === s.START ? this.startValueIndicatorContainer.getBoundingClientRect().width : this.endValueIndicatorContainer.getBoundingClientRect().width,
+      getInputValue: (t) => t === r.START ? this.valueStart.toString() : this.valueEnd.toString(),
+      getThumbBoundingClientRect: (t) => t === r.START ? this.startThumb.getBoundingClientRect() : this.endThumb.getBoundingClientRect(),
+      getThumbKnobWidth: (t) => t === r.START ? this.startThumbKnob.getBoundingClientRect().width : this.endThumbKnob.getBoundingClientRect().width,
+      getValueIndicatorContainerWidth: (t) => t === r.START ? this.startValueIndicatorContainer.getBoundingClientRect().width : this.endValueIndicatorContainer.getBoundingClientRect().width,
       getValueToAriaValueTextFn: () => this.valueToAriaTextTransform,
       isInputFocused: (t) => {
-        const e = g(), i = e[e.length - 1];
-        return t === s.START ? i === this.startInput : i === this.formElement;
+        const e = f(), i = e[e.length - 1];
+        return t === r.START ? i === this.startInput : i === this.formElement;
       },
       isRTL: () => getComputedStyle(this).direction === "rtl",
       setInputAttribute: (t, e, i) => {
-        s.START;
+        r.START;
       },
       removeInputAttribute: (t) => {
       },
       setThumbStyleProperty: (t, e, i) => {
-        if (i === s.START)
+        if (i === r.START)
           switch (t) {
             case "transform":
             case "-webkit-transform":
@@ -298,7 +306,7 @@ class r extends R {
           }
       },
       removeThumbStyleProperty: (t, e) => {
-        if (e === s.START)
+        if (e === r.START)
           switch (t) {
             case "left":
             case "right":
@@ -348,7 +356,7 @@ class r extends R {
         }
       },
       setInputValue: (t, e) => {
-        e === s.START ? this.valueStart = Number(t) : this.valueEnd = Number(t);
+        e === r.START ? this.valueStart = Number(t) : this.valueEnd = Number(t);
       },
       setPointerCapture: (t) => {
         this.mdcRoot.setPointerCapture(t);
@@ -362,15 +370,15 @@ class r extends R {
   }
   onStartChange(t) {
     var e;
-    this.valueStart = Number(t.target.value), (e = this.mdcFoundation) === null || e === void 0 || e.handleInputChange(s.START);
+    this.valueStart = Number(t.target.value), (e = this.mdcFoundation) === null || e === void 0 || e.handleInputChange(r.START);
   }
   onStartFocus() {
     var t;
-    (t = this.mdcFoundation) === null || t === void 0 || t.handleInputFocus(s.START), this.startRippleHandlers.startFocus();
+    (t = this.mdcFoundation) === null || t === void 0 || t.handleInputFocus(r.START), this.startRippleHandlers.startFocus();
   }
   onStartBlur() {
     var t;
-    (t = this.mdcFoundation) === null || t === void 0 || t.handleInputBlur(s.START), this.startRippleHandlers.endFocus();
+    (t = this.mdcFoundation) === null || t === void 0 || t.handleInputBlur(r.START), this.startRippleHandlers.endFocus();
   }
   onStartMouseenter() {
     var t;
@@ -386,53 +394,53 @@ class r extends R {
 }
 a([
   u("input.start")
-], r.prototype, "startInput", void 0);
+], s.prototype, "startInput", void 0);
 a([
   u(".start.mdc-slider__thumb")
-], r.prototype, "startThumb", void 0);
+], s.prototype, "startThumb", void 0);
 a([
   u(".start.mdc-slider__thumb .mdc-slider__thumb-knob")
-], r.prototype, "startThumbKnob", void 0);
+], s.prototype, "startThumbKnob", void 0);
 a([
   u(".start.mdc-slider__thumb .mdc-slider__value-indicator-container")
-], r.prototype, "startValueIndicatorContainer", void 0);
+], s.prototype, "startValueIndicatorContainer", void 0);
 a([
   T(".start .ripple")
-], r.prototype, "startRipple", void 0);
+], s.prototype, "startRipple", void 0);
 a([
-  S({ type: Number })
-], r.prototype, "valueStart", void 0);
+  k({ type: Number })
+], s.prototype, "valueStart", void 0);
 a([
-  o()
-], r.prototype, "startThumbWithIndicator", void 0);
+  l()
+], s.prototype, "startThumbWithIndicator", void 0);
 a([
-  o()
-], r.prototype, "startThumbTop", void 0);
+  l()
+], s.prototype, "startThumbTop", void 0);
 a([
-  o()
-], r.prototype, "shouldRenderStartRipple", void 0);
+  l()
+], s.prototype, "shouldRenderStartRipple", void 0);
 a([
-  o()
-], r.prototype, "startThumbTransformStyle", void 0);
+  l()
+], s.prototype, "startThumbTransformStyle", void 0);
 a([
-  o()
-], r.prototype, "startThumbTransitionStyle", void 0);
+  l()
+], s.prototype, "startThumbTransitionStyle", void 0);
 a([
-  o()
-], r.prototype, "startThumbCssProperties", void 0);
+  l()
+], s.prototype, "startThumbCssProperties", void 0);
 var w = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, E = (c, t, e, i) => {
-  for (var d = i > 1 ? void 0 : i ? $(t, e) : t, m = c.length - 1, b; m >= 0; m--)
-    (b = c[m]) && (d = (i ? b(t, e, d) : b(d)) || d);
-  return i && d && w(t, e, d), d;
+  for (var o = i > 1 ? void 0 : i ? $(t, e) : t, m = c.length - 1, p; m >= 0; m--)
+    (p = c[m]) && (o = (i ? p(t, e, o) : p(o)) || o);
+  return i && o && w(t, e, o), o;
 };
-let h = class extends r {
+let h = class extends s {
 };
-h.styles = [k];
+h.styles = [y];
 h = E([
-  y("cv-slider-range")
+  R("cv-slider-range")
 ], h);
-const B = h;
+const K = h;
 export {
   h as CovalentSliderRange,
-  B as default
+  K as default
 };

package/slider.js

@@ -1,8 +1,8 @@
-"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");/**
+"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");/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */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`
+ */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`
       <div class="mdc-slider__track">
         <div class="mdc-slider__track--inactive"></div>
         <div class="mdc-slider__track--active">
@@ -11,4 +11,4 @@
               style=${e}>
           </div>
         </div>
-      </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;
+      </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;